Installation

$ npx shadcn@latest add @ssych/accordion

Swap accordion for any component. New project? Run npx shadcn@latest init first.

Vite: before init, add the @/* alias to both tsconfigs and resolve.alias, and install @types/node.

Components are free, no account. Dashboards and landing pages are paid; without a purchase you get a placeholder that links to buy.

$ npm install clsx tailwind-merge motion lucide-react

What most components use. Anything rarer installs with the component that needs it.

Installing by hand only: also create src/lib/utils.ts. The CLI path skips this, shadcn init writes it for you.

import { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}