Visualist Design System
Interactive showcase and documentation.
Built to match the design
The rules every component follows, checked on every change.
Figma is the source
Names, variants, states and tokens come from Figma. When the code disagrees, Figma wins.
Semantic tokens only
Components use tokens by meaning, never primitives or raw values. The validators check every file.
Real states
Hover, focus, pressed and disabled are plain CSS, so every component behaves here as it will in a product.
Accessible by default
Native elements, full keyboard support and associated labels. Every page is checked with axe.
Find any page
Press ⌘ K (Ctrl K on Windows and Linux) to search every foundation and component.