- 手风琴 Accordion
- 警告对话框 Alert Dialog
- 警告 Alert
- 宽高比 Aspect Ratio
- 头像 Avatar
- 徽章 Badge
- 面包屑 Breadcrumb
- 按钮组 Button Group
- 按钮 Button
- 日历 Calendar
- 卡片 Card
- 轮播图 Carousel
- 图表 Chart
- 复选框 Checkbox
- 折叠面板 Collapsible
- 组合框 Combobox
- 命令菜单 Command
- 上下文菜单 Context Menu
- 数据表格 Data Table
- 日期选择器 Date Picker
- 对话框 Dialog
- 抽屉 Drawer
- 下拉菜单 Dropdown Menu
- 空状态 Empty
- 字段 Field
- 表单 Form
- 悬停卡片 Hover Card
- 输入组 Input Group
- 一次性密码 OTP
- 输入 Input
- 条目 Item
- 快捷键 Kbd
- 标签 Label
- 菜单栏 Menubar
- 原生选择框
- 导航菜单 Navigation Menu
- 分页 Pagination
- 弹出层 Popover
- 进度 Progress
- 单选框组 Radio Group
- 可调整大小 Resizable
- 滚动区域 Scroll Area
- 选择框 Select
- 分隔符 Separator
- 侧边栏 Sheet
- 侧边栏 Sidebar
- 骨架屏 Skeleton
- 滑块 Slider
- 通知 Sonner
- 加载指示器 Spinner
- 开关 Switch
- 表格 Table
- 标签页 Tabs
- 文本区域 Textarea
- 消息 Toast
- 切换组 Toggle Group
- 切换按钮 Toggle
- 提示 Tooltip
- 排版 Typography
这些注册表内置于 CLI,无需额外配置。要添加组件,请运行:npx shadcn add @<registry>/<component>。
A set of 8-bit styled retro components. Works with your favorite frameworks. Open Source. Open Code.
A modern component library built with Tailwind CSS and Motion for React, Aceternity UI contains unique and interactive components that can make your landing pages look 100x better.
Pre-built components like conversations, messages and more to help you build AI-native applications faster.
Enterprises and developers use Algolia's AI search infrastructure to understand users and show them what they're looking for.
I create digital experiences that connect and inspire. I build apps, websites, brands, and products end-to-end.
A fully animated, open-source React component distribution. Browse a list of animated primitives, components and icons you can install and use in your projects.
Simple and easy file uploads for React. Upload directly to any S3-compatible service with minimal setup.
BillingSDK is an open-source React and Next.js component library for SaaS billing and payments. It offers ready-to-use, customizable components for subscriptions, invoices, usage-based pricing and billing - fully compatible with Dodo Payments and Stripe.
A set of clean, modern application building blocks for you in your applications. Free and Open Source
The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and The Modern Web.
A collection of open-source UI components, blocks and AI Agents. Integrate them in v0, Lovable, Claude or in your application.
Cult UI is a rare, curated set of shadcn-compatible, headless and composable components—tastefully animated with Framer Motion.
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable.
Full-stack shadcn/ui components that go beyond UI. Add auth, monetization, uploads, and AI to your app in seconds.
A collection of Open Source agent and audio components that you can customize and extend.
A collection of beautifully crafted Shadcn/UI blocks, designed to help developers build modern websites with ease.
An open-source, modern UI component library for React, built with TypeScript, Tailwind CSS, and Framer Motion. Eldora UI offers beautifully crafted, reusable components designed for performance and elegance.
Kibo UI is a custom registry of composable, accessible and open source components designed for use with shadcn/ui.
Collection of stunning components built with Tailwind CSS, shadcn/ui and Motion to use on your websites.
LyteNyte Grid is a high performance, light weight, headless, React data grid. Our registry provides LyteNyte Grid themed using Tailwind and the Shadcn theme variables.
UI Library for Design Engineers. 150+ free and open-source animated components and effects built with React, Typescript, Tailwind CSS, and Motion. Perfect companion for shadcn/ui.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
Custom parsers, adapters and utilities from the community for type-safe URL state management.
React Aria Components with shadcn characteristics.Copy-and-paste react aria components that run side-by-side with shadcn components.
Animated components and building blocks built for smooth interaction and rich detail. Copy, customise, and create without the extra setup.
Unified payments SDK for builders — handle checkout, billing, and webhooks across Stripe, PayPal, Adyen, and regional gateways with a single integration.
Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.
A large collection of animated, interactive & fully customizable React components for building memorable websites. From smooth text animations all the way to eye-catching backgrounds, you can find it here.
A Neobrutalism styled React + TailwindCSS UI library for building bold, modern web apps. Perfect for any project using Shadcn/ui.
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
ScrollX UI is an open-source React and shadcn-compatible component library for animated, interactive, and customizable user interfaces. It offers motion-driven components that blend seamlessly with modern ShadCN setups.
Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever.
Production-ready and tastefully crafted sections, animated components, and full-page templates for Next.js, Tailwind CSS & Motion
An open-source set of shadcn/ui components, blocks, and templates with a powerful theme generator.
Accessible, Customizable, Rich Text Editor. Made with Lexical and Shadcn/UI. Open Source. Open Code.
A modern component library built with shadcn/ui and Tailwind CSS. Spectrum UI offers elegant, responsive components and smooth animations designed for high-quality interfaces.
A collection of React components and blocks built on the shadcn/ui library that connect your front-end to your Supabase back-end via a single command.
Fullstack registry items to start those big features. Utilcn has ChatGPT Apps, file uploading (with progress bars) and downloading, and a way to make your env vars typesafe on the backend.
没看到想要的注册表?了解如何在此添加。
文档
你可以使用 shadcn CLI 来运行自己的代码注册表。运行你自己的注册表可以让你将自定义组件、hooks、页面、配置、规则及其他文件分发到任何项目。
目录
文档