@bits-ui
Bits UI — a curated, open-source registry of reusable React & Next.js components, hooks, and utilities (shadcn-compatible). Focused on accessibility, composability, and production-ready primitives to accelerate design systems and developer workflows.
6 components react shadcn-cli
Install this registry
shadcn (npm)
npx shadcn@latest add https://bits-ui.netlify.app/r/registry.json pnpm
pnpm dlx shadcn@latest add https://bits-ui.netlify.app/r/registry.json bun
bunx shadcn@latest add https://bits-ui.netlify.app/r/registry.json fetch registry
curl -s https://bits-ui.netlify.app/r/registry.json Components
6 total Complex Component component
A complex component showing hooks, libs and components.
npx shadcn@latest add https://bits-ui.netlify.app/r/complex-component.json Example with CSS component
A login form with a CSS file.
npx shadcn@latest add https://bits-ui.netlify.app/r/example-with-css.json Color Palette Generator component
Generate and copy curated color palettes for design work.
npx shadcn@latest add https://bits-ui.netlify.app/r/color-palette.json JSON Formatter component
A simple, fast tool to format, minify, copy, or download JSON payloads for debugging and sharing.
npx shadcn@latest add https://bits-ui.netlify.app/r/json-formatter.json Star Rating component
A small, accessible star rating component for reviews and feedback collection.
npx shadcn@latest add https://bits-ui.netlify.app/r/star-rating.json Hero Carousel component
A 3-step hero carousel with animated step cards for landing pages.
npx shadcn@latest add https://bits-ui.netlify.app/r/hero-carousel.json