Installation

Initialize shadcn/ui (if not already done)

Run the init command to set up shadcn/ui in your project:

npx shadcn@latest init

Add Joly UI Components

Use the shadcn CLI to add any Joly UI component directly from our registry:

npx shadcn@latest add "https://jolyui.dev/r/vercel-tabs"

The component will be added to your components/ui folder, ready to customize.

Use the Component

Import and use the component anywhere in your project:

import { Button } from '@/components/ui/button';

export default function Home() {
  return (
    <div>
      <Button>Click me</Button>
    </div>
  );
}