Calm components,
built to adapt.
Manti UI is an open-source, framework-agnostic design system for React. It ships 53 accessible components whose behavior comes from Zag.js state machines, styled entirely from a three-tier design token contract, so you can re-theme every component in CSS without forking a single file.
FoldLiveWorkspaceGood morning, Tutku.
⌘ KSearch everything
Accessible by default
Adapt the previewOpen Theme Studio
53Accessible components
WCAG 2.2AA target
4 layersTokens to renderers
0 ejectsRestyle without forking
Three-tier token system
From raw values to public contracts.
Each decision gains meaning as it moves through the system, while every renderer consumes the same visual language.
- 01Primitive tokens
Raw scales for color, space, type, radius, and motion.
- 02Semantic tokens
Theme-aware roles that describe intent instead of values.
- 03Component tokens
Stable public contracts for adapting each component.
Ready when you areBuild something calm.
Start with sensible defaults. Adapt every layer when you need to.