Shadcn UI

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Documentation (opens in a new tab)

Dependencies Installed

• Regular
  • tailwindcss-animate
  • class-variance-authority
  • clsx
  • tailwind-merge
  • lucide-react
  • next-themes

Files Scaffolded

• tailwind.config.js
• lib/utils.ts
• components.json
• app/loading.tsx
• components/ThemeProvider.tsx
• components/ui/ThemeToggle.tsx

Files Updated

• app/globals.css
• app/layout.tsx

Components Installed

• button
• toast
• avatar
• dropdown-menu