Built on Atom
Behavior beneath the surface.
Brick is the finished visual layer. Atom is the independent headless foundation that owns the difficult interaction and accessibility underneath it.
03 · ApplicationYour productbrand · routes · data · workflows
02 · PresentationBrickfinished components · tokens · recipes
01 · BehaviorAtomsemantics · accessibility · interaction
Part of Flowstack
Independent layers. One product path.
Flowstack is the larger ecosystem that keeps foundations, finished interface, and product composition interoperable without collapsing their ownership.
- BehaviorAtomAccessible primitives own interaction, semantics, state, focus, and keyboard behavior.
- PresentationBrickFinished components add visual recipes, semantic tokens, responsive anatomy, and states.
- ApplicationYour productYour brand, routes, data, content, and workflows turn those layers into a real experience.
Clear ownership
Each layer has one job.
Atom owns the behavioral contract. Brick owns the finished visual system. Applications combine both without asking either layer to own product decisions.
Interaction
Keyboard, pointer, controlled state, focus, dismissal, and form behavior.
Accessibility
Semantics, ARIA relationships, focus scopes, portals, and assistive-technology contracts.
Presentation
Brick supplies the finished recipes, semantic tokens, anatomy styling, and visual states.
Composition
Applications combine Brick into routes, data, content, workflows, and products.