Build beautiful interfaces
with zero friction
38+ accessible, themeable React primitives. Ship polished UIs without reinventing every component.
npm i @templateflow/coreBuilt with real components
Every element below is a live Atom UI primitive.
Alice Chen
Bob Smith
Carol Davis
Explore by Category
6 groups, 43 components, every one documented.
Inputs
15 componentsButtons, text fields, selectors, sliders, and toggles. Every input ships with validation states, keyboard nav, and ARIA labels.
Data Display
8 componentsPresent information with avatars, badges, chips, tooltips, and data tables. Built for density and readability.
Feedback
4 componentsDialogs, drawers, alerts, and toast notifications. Non-blocking patterns that respect user attention.
Navigation
10 componentsMenus, tabs, breadcrumbs, sidebars, and app bars. Compound APIs for complex navigation patterns.
Layout
5 componentsResponsive grid, flexbox primitives, and spacing utilities. Build any layout without writing CSS.
Surfaces
1 componentsCards, scroll areas, and content containers. Elevation, padding, and radius tokens for consistent depth.
Design Principles
Ready to build?
Every primitive works standalone. No providers, no boilerplate, no lock-in.