- 手风琴 (Accordion)
- 警示框 (Alert)
- 对话框 (Alert Dialog)
- 宽高比 (Aspect Ratio)
- 头像 (Avatar)
- 徽章 (Badge)
- 面包屑 (Breadcrumb)
- 按钮 (Button)
- 按钮组 (Button Group)
- 日历 (Calendar)
- 卡片 (Card)
- 轮播 (Carousel)
- 图表 (Chart)
- 复选框 (Checkbox)
- 折叠面板 (Collapsible)
- 组合框 (Combobox)
- 命令栏 (Command)
- 上下文菜单 (Context Menu)
- 数据表格 (Data Table)
- 日期选择器 (Date Picker)
- 对话框 (Dialog)
- 方向 (Direction)
- 抽屉 (Drawer)
- 下拉菜单 (Dropdown Menu)
- 空状态 (Empty)
- 字段 (Field)
- 悬浮卡片 (Hover Card)
- 输入框 (Input)
- 输入框组 (Input Group)
- OTP 输入框 (Input OTP)
- 项目 (Item)
- 快捷键 (Kbd)
- 标签 (Label)
- 菜单栏 (Menubar)
- 原生选择框 (Native Select)
- 导航菜单 (Navigation Menu)
- 分页 (Pagination)
- 气泡卡片 (Popover)
- 进度条 (Progress)
- 单选组 (Radio Group)
- 可调节大小 (Resizable)
- 滚动区域 (Scroll Area)
- 选择框 (Select)
- 分隔线 (Separator)
- 侧边栏 (Sheet)
- 导航侧边栏 (Sidebar)
- 骨架屏 (Skeleton)
- 滑块 (Slider)
- Sonner (吐司通知)
- 加载器 (Spinner)
- 开关 (Switch)
- 表格 (Table)
- 标签页 (Tabs)
- 文本域 (Textarea)
- 吐司 (Toast)
- 切换按钮 (Toggle)
- 切换组 (Toggle Group)
- 文字提示 (Tooltip)
- 排版 (Typography)
这些注册表已内置于 CLI 中,无需额外配置。要添加组件,请运行: npx shadcn add @<registry>/<component>。
社区注册表由第三方开发者维护。安装时请务必审查代码,以确保其符合您的安全和质量标准。
没有看到您想要的注册表?了解如何 在此添加。
一套 8 位风格的复古组件。适用于您喜爱的框架。开源,代码公开。
一套设计精美的组件,专为寻求标准库中找不到的小众、高实用性 UI 元素的开发者而设计。
官方 Auth0 Web 通用组件。通过预构建、可嵌入的企业 SSO、MFA 和组织管理 UI 加速开发。
一个兼容 shadcn 的可复用组件、区块和工具库,符合 Vercel 的 components.build 规范。
用于最常见加密模式的 React 组件集合。
使用 React 和 Tailwind CSS 构建的动画、可访问 UI 组件。
Aceternity UI 是一个使用 Tailwind CSS 和 Motion 为 React 构建的现代组件库,包含独特且交互式的组件,能让您的落地页外观提升 100 倍。
这是一个 shadcn/ui 组件注册表,分发用于构建 LiveKit AI Agent 界面的复制粘贴型 React 组件。
一小套专注于 React/Next.js 项目的生产级组件和基元,基于 shadcn/ui 及配套库构建。
Web AI 组件。无服务器,无 API 密钥。基于 WebLLM 构建。
预构建的组件(如对话、消息等),帮助您更快地构建 AI 原生应用。
企业和开发者使用 Algolia 的 AI 搜索基础设施来理解用户并展示他们正在寻找的内容。
我创造连接与灵感的数字体验。我端到端地构建应用程序、网站、品牌和产品。
一个完全动画化的开源 React 组件分发库。浏览一系列您可以安装并在项目中使用的动画基元、组件和图标。
Radix 风格的 AI 聊天 React 基元,带有适用于 AI SDK、LangGraph、Mastra 和自定义后端的适配器。
用于渲染 AI 工具调用小部件和丰富助手输出的开源 React 组件。
简单易用的 React 文件上传组件。只需极少的设置,即可直接上传到任何兼容 S3 的服务。
由 Base UI 驱动的精心制作的 shadcn/ui 组件。
BillingSDK 是一个用于 SaaS 计费和支付的开源 React 和 Next.js 组件库。它提供现成、可自定义的订阅、发票、按用量计费和账单组件,完全兼容 Dodo Payments 和 Stripe。
一套干净、现代的应用构建区块,供您在应用中使用。免费开源。
新野蛮主义组件库,包含 43 个组件、42 个 SVG 形状、粗边框和硬阴影。支持 React、Vue 和 Nuxt。基于 shadcn/ui 构建。
一套包含 150 多个由 Tailwind CSS 和 shadcn/ui 构建的手工 UI 组件,涵盖营销、电子商务、仪表板、房地产等领域。
一套设计精美的 shadcn 卡片组件。
一套精美、动画化的组件合集,可立即提升您的 Web 项目质量。
为应用添加身份验证和用户管理的最简单方式。专为 React、Next.js、Remix 和现代 Web 构建。
一个建立在 Base UI 之上的全新现代 UI 组件库。为开发者和 AI 而生。
一个开源 UI 组件、区块和 AI Agent 的集合。将它们集成到 v0、Lovable、Claude 或您的应用程序中。
Cult UI 是一套稀有、精选的 shadcn 兼容、无头且可组合的组件,并由 Framer Motion 优雅地进行动画处理。
使用 React、TypeScript 和 Tailwind CSS 构建的易于访问的 shadcn/ui 组件。支持复制粘贴,且可自定义。
一套由 React 构建的精美、可复用的组件区块。
超越 UI 本身的完整堆栈 shadcn/ui 组件。在几秒钟内为您的应用添加身份验证、货币化、上传和 AI 功能。
一套您可以自定义和扩展的开源 Agent 和音频组件。
一套精心制作的 shadcn/ui 区块集合,旨在帮助开发者轻松构建现代网站。
具有毛玻璃拟态效果的精美响应式 Shadcn 组件。专为现代 Web 应用构建,全面支持深色模式。
一个用于 React 的开源现代 UI 组件库,由 TypeScript、Tailwind CSS 和 Framer Motion 构建。Eldora UI 提供专为性能和优雅而设计的精美、可复用组件。
使用 shadcn 组件和现代工具,通过几次点击构建生产级表单。
生产级 UI 组件,专为构建精美的 AI 助手和对话界面而设计,来自 GAIA 团队。
使用 Kobalte 基元构建的 shadcn-ui 组件的 SolidJS 移植版。57+ 组件,全面支持 TypeScript 和 Vega 主题。
一个兼容 shadcn-ui 的注册表,分发 40 多种带有 Apple 风格设计的毛玻璃拟态 React/TypeScript 组件。组件包括增强视觉效果(发光、闪烁、涟漪)、主题支持和可自定义的毛玻璃拟态样式。
一套用于构建 Home Assistant 仪表板的可定制组件。
建立在 shadcn/ui 之上的现成基础组件/区块。
一套由 Shadcn 构建的全面 React Hooks 合集。
由 inference.sh 提供的开箱即用型 Agent 组件。包含流式传输、工具调用渲染、语法高亮代码块、Markdown 渲染器等聊天界面功能。
易于访问的 React 组件库,可复制、自定义并掌控您的 UI。
Kibo UI 是一个专为配合 shadcn/ui 使用而设计的可组合、易访问且开源的自定义组件注册表。
一套建立在 React Aria 和 Motion 之上的完美设计组件。
一套由 Tailwind CSS、shadcn/ui 和 Motion 构建的令人惊艳的组件合集,可供您的网站使用。
一套与 Lens Social Protocol 一起使用的社交媒体组件。
用于在 React 中构建媒体播放器的现代 UI 库。由 Shaka Player 提供支持。
用于构建交互式学习体验的 LMS 组件——包括测验、抽认卡、匹配、填空、单词拼图、排序、阅读理解、间隔重复等。
一个为您的项目提供平滑动画 Lucide 图标的开源合集。
LyteNyte Grid 是一个高性能、轻量级、无头的 React 数据网格。我们的注册表提供使用 Tailwind 和 Shadcn 主题变量设置样式的 LyteNyte Grid。
设计工程师的 UI 库。150 多种使用 React、Typescript、Tailwind CSS 和 Motion 构建的免费开源动画组件和效果。shadcn/ui 的完美伴侣。
用于构建 MCP 应用的 Agentic UI 工具包。可在您的聊天应用中直接使用的开源组件和区块。
精美的地图,化繁为简。现成、可自定义的 React 地图组件。基于 MapLibre 构建,并使用 Tailwind CSS 设置样式。
一套建立在 MUI 组件之上的手工界面集合。
一个专注于直观交互和无缝用户体验的现代 React 组件库。
设计精美的动效组件。简单复制粘贴。可自定义。开源。为工程师和设计师而建。
一套可复用的组件合集。
用于交互式计算笔记本的组件。
来自社区的用于类型安全 URL 状态管理的自定义解析器、适配器和工具。
一套基于 shadcn/ui 的新野蛮主义风格组件合集。
几乎适用于任何用例的现成 React 组件。按原样使用或自定义,快速上市。
用于构建精美状态页的手工、易访问组件。
一个分发可直接使用的重设样式组件、工具和钩子的设计系统。
具有 shadcn 特征的 React Aria 组件。可复制粘贴的 React Aria 组件,与 shadcn 组件并排运行。
为真实应用和仪表板精心构建的 UI 区块,旨在从初期构思到生产发布实现无缝集成。
pastebin + shadcn = pastecn。粘贴您的代码,即可立即获得一个兼容 shadcn 的注册表 URL。
面向构建者的统一支付 SDK——通过单次集成即可处理 Stripe、PayPal、Adyen 和区域性网关的结账、计费和 Webhook。
用于 React 的 AI 驱动富文本编辑器。
AI 应用的核心构建模块。为 AI 界面提供高质量、易访问且可自定义的组件。
功能强大且灵活的富文本编辑器,支持 React、Vue、Preact、Svelte 和 SolidJS。
一套具有 GSAP 动画的现代 React UI 组件集合。
可自定义的 Tailwind 和原生 CSS 组件,具有自适应交互、顶级辅助功能和国际化支持。
一个庞大的动画、交互式且完全可自定义的 React 组件库,用于构建令人难忘的网站。从流畅的文本动画到引人注目的背景,您都可以在这里找到。
一个新野蛮主义风格的 React + TailwindCSS UI 库,用于构建大胆、现代的 Web 应用。适合任何使用 Shadcn/ui 的项目。
免费开源的 1,000+ 组件和模式库,助您在 shadcn 项目中实现 10 倍生产力提升。
ScrollX UI 是一个开源的 React 和 shadcn 兼容组件库,用于动画、交互式和可自定义的用户界面。它提供与现代 ShadCN 设置无缝融合的运动驱动组件。
专为现代 React 和 Tailwind CSS 应用设计的精美、精致的 UI 组件。
一套由 shadcn/ui 构建的精美、开源布局 UI 合集。
UI 组件库,专为灵活性设计,为自定义构建,并经过精心设计以适应跨变体和用例的扩展。
Roi UI 是一个提供由 Base UI 基元构建的 UI 组件和区块的库。一些区块和组件使用运动库 (framer)。一切皆开源,并将永远开源。
一个用于通过代码构建幻灯片演示文稿的组件库。
一套全面的高保真交互组件。它提供使用 motion-react 和 tailwindcss 设计的运动驱动组件,可无缝融合。
适用于 Next.js、Tailwind CSS 和 Motion 的生产级、品味高雅的区块、动画组件和全页模板。
一个为 shadcn ui 提供数百个额外区块的注册表。
一个不断增长的高质量 shadcn/ui 区块和主题合集。
一个 shadcn/ui 地图组件。使用 Leaflet 和 React Leaflet 构建。
一套开源的 shadcn/ui 组件、区块和模板,包含强大的主题生成器。
易访问、可自定义的富文本编辑器。由 Lexical 和 Shadcn/UI 制作。开源,代码公开。
一套高级、生产级的 shadcn/ui 区块、组件和模板。
使用管理仪表板、网站模板、组件、区块和预构建的现实世界示例,更快地启动您的项目。
一套符合生产标准、打磨精良的 shadcn/ui 组件和营销区块。使用快速,扩展容易,并为任何现代 Web 项目做好准备。
一套使用 React、Framer Motion 和 TailwindCSS 构建的精美动效组件。旨在提升微交互,每个组件都专注于流畅的动画、微妙的反馈和令人愉悦的 UX。非常适合希望为界面添加精致动效的设计师和开发者——复制、粘贴,让您的 UI 栩栩如生。
一个使用 shadcn/ui 和 Tailwind CSS 构建的现代组件库。Spectrum UI 提供优雅、响应式的组件和专为高质量界面设计的平滑动画。
一套基于 shadcn/ui 库构建的 React 组件和区块,可通过单条命令将前端连接到 Supabase 后端。
一个精美的 SVG 标志库。
专为构建现代营销网站设计的 Shadcn 区块。
设计精美、易于访问的组件,您可以复制并粘贴到您的应用中。由 React Aria Components 和 Shadcn 令牌制作。
用于 React 的可组合、动画地图组件。使用 TypeScript、Tailwind CSS、Mapbox GL JS 和 MapLibre GL 构建。shadcn/ui 的完美伴侣。
一个受《创战纪》(Tron) 启发的 shadcn/ui 主题系统,具有希腊神话配色方案、发光强度级别以及 DataCard、HUD、雷达等科幻风格组件。
一个用于构建入职引导流程的组件。设计用于与 shadcn/ui 集成。
一套由 shadcn/ui 和 Framer Motion 驱动的开源、生产级 UI 组件和区块。
全栈注册表项目,用于启动那些大型功能。Utilcn 具有 ChatGPT 应用、文件上传(带进度条)和下载功能,以及一种在后端实现 env vars 类型安全的方法。
一套开源的完全受控的 React Inertia 表单元素。
一套为与 Shadcn 配合使用而构建的易访问组件合集。
为您下一个项目提供的精美的小部件复制粘贴库。
为 shadcn/ui 精心制作的区块、组件和主题。
一个激发灵感的组件精选合集。包含交互式概念、设计实验以及 AI/UI 交叉领域的组件。
UI Layouts 提供组件、效果、设计工具和现成的区块,使构建现代界面更高效——由 React、Next.js、Tailwind CSS 和 shadcn/ui 构建。
Pure UI 是一个由 Base UI、Tailwind CSS、Motion 和其他高质量开源库构建的精致、动画化且易访问的组件精选合集。
Tailwind Builder 是一套免费的 UI 区块和组件集合,并提供 AI 工具来在几秒钟内生成生产级表单、表格和图表。使用 React、Next.js、Tailwind 和 ShadCN 构建。
Tailwind Builder 提供免费的 Tailwind 管理仪表板模板、组件和 UI 区块,由 React、Next.js、Tailwind CSS 和 shadcn/ui 构建,帮助您快速高效地构建管理面板。
设计精美的组件,您可以复制并粘贴到您的应用中。易于访问。可自定义。开源。
为您 Next.js 项目提供的全新罕见组件。通过 shadcn CLI 3.0 轻松使用,具有易于编辑和使用的快速增长组件与集合。
AnimBits 是一套为 React 使用 Framer Motion 的动画 UI 组件集合。提供的组件包括按钮、卡片、文本、图标、列表、加载器和页面过渡效果,以及所有具有通用效果的动画钩子,这些效果并不花哨且赏心悦目,易于使用。
ShadcnSpace 是一套非凡的、高度可自定义的 shadcn/ui 组件、区块和主题,用于快速清晰地构建现代 UI。
ShadcnDashboard 是一套基于 shadcn/ui 和 Tailwind CSS 构建的现代、生产级仪表板布局、组件和 UI 模式集合。它旨在帮助开发者更快地构建干净、可扩展且数据驱动的仪表板,同时不牺牲性能、可访问性或可定制性。
一个为您项目准备的精心制作的动画图标(Tabler、Phosphor 等)开源库,灵感来自 lucide-animated.com
一个为您项目提供的 316 个精美动画 Heroicons 的开源合集。
魔法 3D 标签页组件,具有鼠标交互式 3D 旋转、浮动粒子背景效果和平滑的弹簧动画。
适用于落地页、仪表板和 Web 应用的生产级 UI 区块。
为您的设计令牌提供遵循行业标准的精美、交互式文档组件。
由 Base UI 和 Tailwind CSS 驱动的可组合 React 组件——快速构建,自定义一切。
一套由 Motion 构建的高级动画 React 组件和微交互集合,用于构建流畅、专业的界面。
组件包括 MobileMenu、带渐变的 ScrollArea、Chat UI、HLSVideoPlayer 和 Marquee。
具有动画组件、精美效果和自定义吐司通知的开源组件库。由 Radix UI 和 Tailwind CSS 构建。
一套建立在 React Aria、Tailwind CSS 和 tailwind-variants 之上的组件集合。
JolyUI 是一个使用 TypeScript 和 Tailwind CSS 构建的现代 React 组件库。
一套为构建现代 Web 应用而设计的精美 UI 组件集合。
干净、精美且简单的 UI 基元和 AI 元素。
一个适用于 Next.js 的极简 Web CMS,针对缓存组件进行了优化。
Typedora UI 是 shadcn/ui 的下一代扩展层,旨在为您的 UI 组件带来完全的类型安全。
一个使用 React 和 TailwindCSS 构建的现代 UI 组件库,旨在帮助您更快地构建精美且易访问的 Web 应用。
适用于 Web 应用的大型游戏、界面、复古和语音音效合集。
建立在 shadcn 之上的趣味像素艺术风格组件库。非常适合复古风格的项目和游戏。
Emerald UI - 由 Motion、GSAP、Tailwind CSS 和 shadcn/ui 构建的组件集合。
Iconiq 是一个为 Web 应用设计的图标合集。它是一个现代、干净且极简的图标集,非常适合 Web 应用。
精选的 shadcn 字体搭配注册表。三种字体。一条命令。使用 shadcn add 安装完美配置的排版(标题 + 正文 + 等宽)。包括编辑级字体比例、CSS 变量和实时预览网站。
用于现代产品 UI 的精美、交互式 React + Tailwind 组件。
仅为功能清晰度服务的流体组件。邻近悬停、弹簧动画、字重过渡和动画焦点环。
文档
您可以使用 shadcn CLI 来运行您自己的代码注册表。运行自己的注册表允许您向任何项目分发自定义组件、钩子、页面、配置、规则和其他文件。
本页内容
文档