さんど
A fruit sando is filled so that every cut shows a picture.
Sando UI places your tokens the same way, so every product you cut from it shows your look.
Sando UI places your tokens the same way, so every product you cut from it shows your look.
Bread · behavior, from React Aria
Cream · tokens, Reference → System
Fruit · your look
Bread first.
Behavior, borrowed from React Aria: focus, keyboard, ARIA, overlays.
Behavior, borrowed from React Aria: focus, keyboard, ARIA, overlays.
Then cream.
Tokens that hold every part together.
Tokens that hold every part together.
Then the fruit, placed where you want it.
Color, shape, type: your look.
Color, shape, type: your look.
Cream, and bread again.
Cut it.
The cut shows everything inside.
Wrapped, and each one its own.
Same bread. Every filling yours.
Same bread. Every filling yours.
Swap the fruit. The bread and cream stay.
Each with its own sando
FILLING
CUT
HUE
VIBRANCY
DENSITY
Mock preview. The real tuner runs Sando's own derivation and contrast checks.
Your order
Katsu × 21,360
Fruit sando640
Total2,000
Place order
Get started
Copy, paste, own.
npm i react-aria-components
Copy Button.tsx + Button.css, tokens.css + reset.css
npx shadcn add @sando-ui/button · soon
A design system for React,
on React Aria and plain CSS.
on React Aria and plain CSS.
さんど
Sando UI
Borrowed behavior, owned look.