shadcn/ui preview
ui

shadcn/ui

Accessible React components you customize

112.4k|stable|shadcn@4.2.0
import { Button } from '@/components/ui/button' export default function App() { return <Button>Click me</Button> }
Copy-paste components — Install components directly into your project instead of npm packages.
Built on Radix UI — Unstyled, accessible primitives as foundation.
Tailwind CSS styling — Utility-first styling with full customization.
Multiple framework support — Works with React, Next.js, and other frameworks.
shadcn/ui provides a curated set of accessible components built on Radix UI and styled with Tailwind CSS. Rather than installing as a dependency, you copy components into your codebase for full ownership and customization. It's become the go-to foundation for teams building design systems.
Node 18+, npm/pnpm/yarn
Source on GitHub
pavilion