Components
Four libraries, one token system. Reach for Brand components first — the other three are available when your stack demands them.
01 · Libraries
Four flavours, same tokens
Every library on this page inherits Snyder's color, typography, radius, and motion tokens. Swap a library and the look stays; the API shifts.
24 components
Brand
First-party Snyder web components that wrap Shoelace primitives with brand-sanitised APIs.
recommended
14 components
Shoelace
Framework-agnostic web components, themed to inherit Snyder tokens automatically.
web components
15 components
DaisyUI
Semantic Tailwind CSS component classes with full Snyder theming support.
tailwind
10 components
MUI
Material UI React components with Snyder token bridges and palette overrides.
react