Components
Thoughtful interactions.
Made to feel right.
14 carefully crafted React components that make every change of state feel natural. Install one with the shadcn CLI and it takes on your theme. Free and open source, for personal and commercial projects.
Installation
Set up shadcn/ui
Start with a React and Tailwind CSS v4 project. The components use your theme’s colors, borders, and typography, so they feel at home in your app.
npx shadcn@4.21.5 initChoose a component
Find an interaction in the component collection and copy its install command. Configure the @cavemio namespace once below. The installer adds its source, helpers, and dependencies to your project.
First install? Configure @cavemio once
Run
npx shadcn@4.21.5 initif shadcn is not set up, then merge this entry into theregistriesfield in your existingcomponents.json. Keep your other settings and registries.components.json{ "registries": { "@cavemio": "https://registry.cavemio.dev/r/cavemio-{name}.json" } }npx shadcn@4.21.5 add @cavemio/answer-paperMake it yours
Edit the source, connect your data, and adjust the details. The code lives in your project, with no account or subscription required.
Read the shadcn installation guide