Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Docs

Installation

Get shadcn.io running in your project.

Prerequisites

Components require Tailwind CSS v4 (opens in a new tab). Before you begin, make sure you have a project set up with Tailwind CSS installed.

Adding components

CLI

shadcn CLILocked
Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.
GoogleGitHub
Use email

Manual

Copy component source from the component docs via the Manual tab.

All at once

shadcn CLILocked
Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.
GoogleGitHub
Use email

New Project Setup

For new projects, you have the CLI and Manual setup.

CLI

shadcn CLILocked
Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.
GoogleGitHub
Use email

Manual

Styling

For theming and layout setup, see Styling.

Color system

See Colors for the full palette and variable reference.