---
title: "shadcn/ui — Re-usable UI Component Collection for React"
description: "shadcn/ui is a collection of accessible UI components built with Radix UI and Tailwind CSS that you copy into your project for full customization. Includes 40+ components with variants, themes, and TypeScript support."
verification: "listed"
source: "https://github.com/shadcn-ui/ui"
author: "shadcn"
category:
  - "Developer Tools"
framework:
  - "Multi-Framework"
tool_ecosystem:
  github_repo: "shadcn-ui/ui"
  github_stars: 112069
---

# shadcn/ui — Re-usable UI Component Collection for React

shadcn/ui is a collection of accessible UI components built with Radix UI and Tailwind CSS that you copy into your project for full customization. Includes 40+ components with variants, themes, and TypeScript support.

## Prerequisites

React 18+, Tailwind CSS 3.x+, Node.js 18+

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
npx shadcn@latest init
```

## Documentation

- https://ui.shadcn.com/docs

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/shadcn-ui-react-component-collection/)