shadcn.io is not affiliated with official shadcn/ui
Installation
Get shadcn.io running in your project.
Prerequisites
Components require Tailwind CSS v4. Before you begin, make sure you have a project set up with Tailwind CSS installed.
Adding components
CLI
bunx --bun shadcn@latest add https://kit.dev/r/<component>.jsonpnpm dlx shadcn@latest add https://kit.dev/r/<component>.jsonnpx shadcn@latest add https://kit.dev/r/<component>.jsonyarn shadcn@latest add https://kit.dev/r/<component>.jsonManual
Copy component source from the component docs via the Manual tab.
All at once
bunx --bun shadcn@latest add https://kit.dev/r/ui.jsonpnpm dlx shadcn@latest add https://kit.dev/r/ui.jsonnpx shadcn@latest add https://kit.dev/r/ui.jsonyarn shadcn@latest add https://kit.dev/r/ui.jsonNew Project Setup
For new projects, you have the CLI and Manual setup.
CLI
bunx --bun shadcn@latest init https://kit.dev/r/style.jsonpnpm dlx shadcn@latest init https://kit.dev/r/style.jsonnpx shadcn@latest init https://kit.dev/r/style.jsonyarn shadcn@latest init https://kit.dev/r/style.jsonManual
Styling
For theming and layout setup, see Styling.
Color system
See Colors for the full palette and variable reference.