Atoms are the fundamental building blocks of the Formance design system. These are primitive, single-purpose components — buttons, inputs, cards, dialogs, form controls — that serve as the foundation for more complex interfaces. Unlike fragments (composed patterns) or patterns (page-level layouts), atoms are the smallest reusable units that can be composed together.
These components are based on shadcn/ui and distributed via the Formance registry, so any Formance application can install and use them directly. They share consistent styling, accessibility, and behavior across projects.
Atoms can be used on their own or combined to create fragment components and implement UI patterns. They form the base layer of the component architecture, so that visual and functional behavior stays consistent across the design system.