Skip to main content

Adding shadcn/ui Components

# Install a component
npx shadcn-ui@latest add button
npx shadcn-ui@latest add card
npx shadcn-ui@latest add dialog

Manual Installation

  1. Copy component code from shadcn/ui
  2. Place in src/components/ui/[component-name].tsx
  3. Install dependencies if needed
  4. Update imports to use @/components/ui/[component-name]