Quiet Spirit
UI Workshop
Try Kaotypr’s React components in working examples, then install the theme and components you need with shadcn.
Set up Quiet SpiritWorkspace settings
Switch tabs, edit a field, and save a draft.
Explore the examples
Open a specimen to see what it does and how its controls fit together.
- Settings recipeEdit a workspace profile, change its email digest, and try saving or discarding a draft.
- Component statesCompare selected, disabled, and invalid controls, then explore how focus moves through them.
- Theme comparisonTry the same form in two scopes and see how a local palette changes the controls.
Install in your project
Start with the Quiet Spirit stylesheet, add a component, then map your own tokens on top.
Read the setup guide