Introduction
Caprice UI is a growing set of beautiful, modern, and accessible components built with shadcn/ui, Base UI, Tailwind CSS, React Aria Hooks, and other high-quality open source libraries.
What is Caprice UI?
Caprice UI is a collection of accessible, modern, and highly customizable React components built on top of Base UI, React Aria Hooks, shadcn/ui, and Tailwind CSS v4.
Differences from shadcn/ui
- The main difference is the primitive layer. Caprice UI uses Base UI while shadcn/ui uses Radix UI.
- Comes with refined styling and a different opinionated design language.
- Distributed via shadcn registry (recommended) or as an npm package (
@caprice-ui/react)
We built Caprice UI as an extension of shadcn/ui, not as a replacement.
About the name
The name Caprice comes from the French word caprice (pronounced "ka·pris"), borrowed from the Italian capriccio, meaning a sudden whim or fancy. As the ecosystem around shadcn/ui emerged with countless forks and variations, we embraced our own little caprice: building a component collection that reflects our personal opinions, aesthetics, and the way we believe modern UI should feel.
Maintainers
Caprice UI is designed, built, and maintained by Thomas Marrec & Léa Fabre.
Acknowledgments
Powered by great open-source projects:
- Base UI – Component primitives
- Tailwind CSS – Styling
- React Aria – Interaction hooks
- shadcn/ui – Component design and registry distribution
- Fumadocs – Documentation
Next steps
Check out our installation guide to get started.
Want to contribute? Please read our Contributing Guide to get started. Whether you're fixing bugs, improving documentation, or adding new features, your contributions help make Caprice UI better for everyone.