shadcn/ui

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

IMPORTANT: Run all CLI commands using the project's package runner: npx shadcn@latest, pnpm dlx shadcn@latest, or bunx --bun shadcn@latest — based on the project's packageManager. Examples below use npx shadcn@latest but substitute the correct runner for the project.

For a new project, use Bun by default. Existing projects retain their configured package manager.

Current Project Context

Run shadcn@latest info --json with the project's package runner and read the returned config and component list. Do not assume shell interpolation inside a skill runs on every client. Use shadcn@latest docs <component> for docs resolved to the project's base.

Principles