Bootstrap Blocks
libraryReady-made page pieces for building beautiful Wagtail websites - and yes, this very page is built with them.
Bootstrap Blocks is a collection of reusable building pieces that I made for putting together Wagtail websites. Things like hero banners, cards, carousels, tabs, and accordions, all ready to drop in. The showcase site you're reading right now uses them to lay out every page.
- Python
- Django
- Wagtail
- Bootstrap 5
The neat thing is that you get a whole toolkit of polished page parts that just work together. You can build a new page by snapping blocks together in a visual editor instead of writing custom code each time. Every project that uses Bootstrap Blocks gets a head start, and any improvement to the blocks flows out to every site at once.
What it does
Bootstrap Blocks packages up nineteen kinds of page components - hero sections, text areas, image cards, navigation tabs, accordions, carousels, and more - as reusable pieces for Wagtail, a popular website-building system. Instead of re-inventing the same bits on every new project, you install this library and the building blocks are just there, ready to use. Every block comes with a settings panel that lets you dial in spacing, colors, borders, and layout without touching code. Nine prebuilt "collections" let you pick the right mix for a landing page, an article page, or a full-featured site - without dragging along pieces you don't need.
Why it's neat
You're looking at it right now
The showcase site itself is built with Bootstrap Blocks - every card, section, and layout you see on this page is one of these pieces.
Snap-together pages
A site editor can build a whole page in the visual editor by choosing and arranging blocks, no code required.
One improvement, every site benefits
Because all of your projects share the same library, fixing or improving a block upgrades every site that uses it at once.
How it works
Nineteen block types cover layouts, content, navigation, and hero sections - from a simple heading to a full-width carousel.
Install the package, add it to your project's app list, and all the blocks become available in Wagtail's page editor.
Nine prebuilt collections let you pick a sensible starting set - basic content, landing pages, full-featured sites - without loading everything at once.
Every block has an advanced settings panel for spacing, colors, borders, and alignment, so editors can polish pages without touching code.