Installation

Parable ships through the shadcn registry. You need a React project with Tailwind and shadcn initialised.

1. Set up shadcn

If you haven't already:

npx shadcn@latest init

This creates components.json and lib/utils.ts.

2. Add the Parable registry

Register the @parable namespace in your components.json:

{
  "registries": {
    "@parable": "https://parable.dev/r/{name}.json"
  }
}

3. Install a component

Either by namespace:

npx shadcn@latest add @parable/shimmer-button

…or by full URL (no registry config needed):

npx shadcn@latest add https://parable.dev/r/shimmer-button.json

The component source is written to components/parable/shimmer-button.tsx, and any dependencies (npm packages, other registry components) are resolved automatically. It's your code now.

Requirements

• React 18+ / 19
• Tailwind CSS (v4 recommended)
• shadcn CLI (shadcn@latest)

Some components pull motion (Framer Motion). Each component's page lists its exact dependencies.