Installation

How to install and use components in your project.

1. Install shadcn/ui

Components are built on top of shadcn/ui. Set it up in your project first.

npx shadcn@latest init

2. Add a component

Use the shadcn CLI to pull any component directly into your project.

npx shadcn@latest add "https://yourdomain.com/r/[component-name].json"

3. Use it

Import and use the component in your project.

import { ComponentName } from "@/components/component-name";

Requirements

  • Next.js 14+
  • Tailwind CSS v4
  • shadcn/ui