shadcn/ui: Customizable React component library
Copy-paste React components built on Radix and Tailwind.
Learn more about ui
shadcn/ui is a React component library that provides a curated set of UI components built on top of Radix UI primitives and styled with Tailwind CSS. Components are distributed as source code that developers copy directly into their projects, allowing for full customization and control over the implementation. The architecture emphasizes composition and extensibility, with each component designed as a starting point rather than a locked-in solution. Common use cases include bootstrapping design systems, building application-specific component libraries, and rapid prototyping of interfaces in Next.js and React projects.
Copy-Paste Component Distribution
Components install as source code directly into your project instead of npm dependencies. Provides full access to component internals for modification without version lock-in or upgrade conflicts.
Radix UI Foundation
Built on Radix primitives with accessibility logic, ARIA attributes, and keyboard navigation pre-implemented. Separates structural concerns from styling, letting you customize appearance while maintaining standards compliance.
Tailwind CSS Styling
Uses utility classes that integrate with existing Tailwind configurations. Customize components by modifying classes directly or extending your design tokens without learning component-specific styling APIs.
import { Button } from "@/components/ui/button"
export function LoginForm() {
return (
<div>
<Button variant="default">Sign In</Button>
<Button variant="outline">Cancel</Button>
</div>
)
}Adds Next.js 16 support; renames middleware to proxy for compatibility.
- –Update init command to support Next.js 16 projects.
- –Rename middleware references to proxy when using Next.js 16.
Patch release fixing a regression in universal item detection; no breaking changes or new requirements.
- –Apply this patch to restore correct universal item detection behavior broken in a prior release.
- –Release notes do not specify affected components, upgrade scope, or migration steps beyond applying the update.
Patch release fixing registry item handling for dependency-only items, CSS at-property support, and color variable usage.
- –Fix registry items that declare only dependencies without files now install correctly.
- –Fix adding components using CSS at-property syntax and support color values as CSS variables.
See how people are using ui
Related Repositories
Discover similar tools and frameworks used by developers
tailwindcss
PostCSS framework generating utility classes from scanned templates.
daisyui
Semantic component classes extending Tailwind CSS utilities.
yup
JavaScript schema validation with chainable API and type inference.
create-react-app
Zero-configuration React scaffolding tool with preconfigured toolchain.
vite
Native ESM dev server with Rollup production builds.