What is Satin?

Satin ships as a Figma library and as React components that match it one to one: same names, same variants, same tokens.

The components are built on shadcn/ui and Radix, so focus, keyboard and screen-reader behaviour come from proven primitives. Satin changes how they look: colour, surfaces, borders, focus and motion all come from Satin tokens.