ShadCN UI logo

ShadCN UI

Version Latest

Last published: Frequently updated

About ShadCN UI

ShadCN UI is not a component library. It's a collection of re-usable components that you can copy and paste into your apps. This means you have full control over the code and can customize them to your needs. Built with Radix UI and Tailwind CSS.

Installation

npx shadcn-ui@latest add button (for example)

Usage

Import components into your React project: `import { Button } from "@/components/ui/button";`

Example Code

import { Button } from "@/components/ui/button";

function MyComponent() {
  return <Button variant="outline">Click me</Button>;
}

Tags

React
Components
UI Library
TailwindCSS
Radix UI