Component gallery: django-brickwork

Buttons, badges, alerts

New Live Beta Dismiss me

Deployed

The showcase build finished without errors.

Heads up

This alert is dismissible.

Cards and stats

brickwork ships from a spec-governed backlog: every component change is gated on an accessibility check and a visual review before it merges.

Weekly downloads 4,210 +8%

Open issues 6 since last release

Data table

The real ICV OSS package catalogue, sortable, with a selectable column. Try a header link, or tick a few rows.

Select all rows	Package	Import name	Description
Select row boundary	django-boundary	boundary	Scalable row-level multi-tenancy for Django with PostgreSQL Row Level Security.
Select row brickwork	django-brickwork	brickwork	A brand-agnostic, app-facing UI substrate for server-rendered Django: the application shell, navigation, an accessible form-field renderer, a beautiful-by-default token system, and an interaction set (modal, toast, dropdown, combobox, tabs, tooltip, slide-over) behind stable Django components. Tailwind 4, Alpine 3, HTMX 2, WCAG 2.2 AA as a tested guarantee. An open-source shadcn for server-rendered Django.
Select row hostmap	django-hostmap	hostmap	Host-based URL routing and host-aware reversing for Django: per-host URLconfs, cross-host absolute URLs through the stock reverse() and {% url %}, redirect and wildcard entries. The zero-migration django-hosts replacement.
Select row django-icv-core	django-icv-core	django-icv-core	Foundation layer for ICV-Django: abstract base models (UUID PK, timestamps, soft-delete), middleware, audit logging, and test utilities.
Select row django-icv-search	django-icv-search	django-icv-search	Pluggable search engine integration for Django: swappable backends (Meilisearch, PostgreSQL, Dummy), auto-indexing, and a unified service API.
Select row django-icv-sitemaps	django-icv-sitemaps	django-icv-sitemaps	Scalable sitemap generation for Django: background XML sitemaps (standard, image, video, news), robots.txt, llms.txt, ads.txt, security.txt, and humans.txt.
Select row django-icv-taxonomy	django-icv-taxonomy	django-icv-taxonomy	Cross-domain taxonomy, vocabularies, and tagging for Django: hierarchical and flat term trees, generic object tagging, and SKOS-style term relationships.
Select row django-icv-tree	django-icv-tree	django-icv-tree	Materialised path tree structures for Django: fast ancestor and descendant lookups, configurable path format, queryset returns, and async-safe design.
Select row django-waf	django-waf	django-waf	Self-hosted WAF middleware for Django: rate limiting, user-agent anomaly scoring, JS proof-of-work challenges, nginx blocklist generation, and collective threat feed integration.

Forms

A real Django form rendered whole via brickwork's bw_form tag: labels, help text, required markers and error containers all wired.

Input chrome

Enable dark mode by default

Keywords

Comma-separated; Enter or comma commits a chip once JS enhances it.

Drop a file, or click to browse Any file type, demo only, nothing is uploaded.

Feedback

62%

Interaction

Open modal Open slide-over

brickwork's tabs render as real anchor links to ?tab= by default, so the active panel is a genuine server decision, not client-only state.

{% bw_tabs tabs=tabs active=active id="my-tabs" %}

What does the interaction contract cover?

Modal, toast, dropdown, combobox, tabs, tooltip and slide-over. All ship progressively enhanced, with a working no-JS floor by construction.

Stepper

Install (completed)
Wire the shell (completed)
Brand it (optional) (current step)
Ship (not started)