Brick v0.1.2 is here

Build interfaces that already feel finished.

A complete React component library with accessible behavior, coherent visual defaults, and a customization contract designed for real products.

npm install @flowstack-ui/brick
  • React 18 and 19
  • Static CSS
  • MIT licensed
Live Brick composition

Meet Northstar, built entirely with Brick.

Northstar is a demo website project assembled from published Brick components.

Live compositionWD

Pages

Shape the structure of your site.
PageStatusOwnerUpdatedActions
Home
PublishedWD2m
Services
ReadyAN18m
Journal
DraftMK1h

Theme direction

Architectural warmth

Auto publish

Deploy after every approved update.

Northstar · demo projectResponsive launch overview
WD

A compact website-project view assembled from Brick components.
Pages ready2 of 3
Explore the components
The Brick promise

A strong visual layer, without the platform weight.

Brick sits between headless primitives and a sprawling UI platform: focused, polished, and explicit about what your application still owns.

Accessible by foundation

Behavior, semantics, focus, keyboard, portals, and interaction come from Atom, Flowstack’s headless foundation.

Finished by default

Coherent recipes, complete states, and responsive visual quality arrive in one static stylesheet.

Branded through meaning

Map your identity onto semantic tokens while keeping the same trusted component anatomy.
The first Brick theme

One anatomy. A completely different voice.

The website theme changes public semantic roles—not component internals. Purple expression, warm surfaces, and softened geometry flow through the whole catalog.

Explore theming
Brick default

Project ready

All release checks passed.

Ready3 pages
Architectural warmth

Project ready

All release checks passed.

Ready3 pages
Complete catalog

From a single Button to a complete product shell.

Forms, overlays, menus, navigation, data surfaces, layout, feedback, and mobile-first composition—each with documented APIs and public customization hooks.

Browse every component

Start with components that already belong together.

Install Brick once, then spend your time building the product only you can make.

npm install @flowstack-ui/brick
Read the guide