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

  1. 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 init
  2. Choose 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 init if shadcn is not set up, then merge this entry into the registries field in your existing components.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-paper
  3. Make 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