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.