111k

注册库目录

发现用于 shadcn/ui 组件和块的社区注册库。

这些注册库已内置到 CLI 中,无需额外配置。要添加组件,请运行:npx shadcn add @<registry>/<component>

没有看到你需要的注册库?了解如何在 这里添加它

165 registries

一套 8 位像素风复古组件。兼容你喜欢的各类框架。开源,开放代码。

一组精心设计的组件,面向想要在标准库中找不到的细分高实用性 UI 元素的开发者。

认真打磨动画与设计的基础原语和组件。复制、掌控、发布。

Auth0 官方 Web 通用组件。用可嵌入的预构建 UI 加速企业级 SSO、MFA 和组织管理开发。

与 shadcn 兼容的可复用组件、区块和工具注册库,符合 Vercel 的 components.build 规范。

一组面向常见加密场景的 React 组件。

基于 React 和 Tailwind CSS 构建的动画化、可访问 UI 组件。

一个基于 Tailwind CSS 和 Motion for React 构建的现代组件库。Aceternity UI 提供独特且交互感十足的组件,可让你的落地页效果提升 100 倍。

LiveKit

这是一个 shadcn/ui 组件注册库,提供可直接复制粘贴的 React 组件,用于构建 LiveKit AI Agent 界面。

一小而精的生产就绪组件与原语集合,适用于 React/Next.js 项目,构建于 shadcn/ui 和配套库之上。

面向 Web 的 AI 组件。无需服务器,无需 API Key,基于 WebLLM 构建。

提供会话、消息等预构建组件,帮助你更快构建 AI 原生应用。

Algolia

企业和开发者使用 Algolia 的 AI 搜索基础设施来理解用户,并展示他们正在寻找的内容。

我打造能连接并激发灵感的数字体验,端到端构建应用、网站、品牌和产品。

一个完全动画化的开源 React 组件分发库。可浏览并安装动画原语、组件和图标,用于你的项目。

面向 AI 聊天的 Radix 风格 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 构建。

由 Tailwind CSS 和 shadcn/ui 打造的 150+ 手工制作 UI 组件集合,覆盖营销、电商、仪表盘、房地产等场景。

一组精美设计的 shadcn 卡片组件。

一组精美的动画组件,可立即提升你的 Web 项目质感。

Clerk

将身份验证和用户管理加入应用的最简单方式。专为 React、Next.js、Remix 和现代 Web 打造。

一个与框架无关的 API 客户端、可插拔存储适配器(LocalStorage、Convex、Supabase、PostgreSQL、MySQL),以及用于生成开发者活动报告的 React 组件。

一个建立在 Base UI 之上的全新现代 UI 组件库,面向开发者和 AI 场景。

一个开源 UI 组件、区块和 AI Agent 集合,可集成到 v0、Lovable、Claude 或你的应用中。

Cult UI 是一组稀有且精选的 shadcn 兼容无头可组合组件,并以 Framer Motion 进行了克制而优雅的动画处理。

基于 React、TypeScript 和 Tailwind CSS 构建的可访问 shadcn/ui 组件。可直接复制粘贴,并可定制。

一组基于 React 构建的精美可复用组件区块。

面向 React 的无头、可组合日期与日期范围选择器。提供 5 种选择器类型、15 种语言、深色模式和可访问性支持,零依赖。

超越界面的全栈 shadcn/ui 组件。几秒内为你的应用加入认证、变现、上传和 AI 能力。

ElevenLabs

一组开源的 Agent 和音频组件,可按需定制和扩展。

一组精心制作的 Shadcn/UI 区块,帮助开发者轻松构建现代网站。

美观、响应式的 Shadcn 组件,采用磨砂玻璃拟态设计。为现代 Web 应用打造,并完整支持深色模式。

一个面向 React 的开源现代 UI 组件库,基于 TypeScript、Tailwind CSS 和 Framer Motion 构建。Eldora UI 提供为性能与优雅而设计的精美可复用组件。

使用 shadcn 组件和现代工具,点几下就能构建可直接上线的表单。

由 GAIA 团队打造的可直接上线 UI 组件,专为构建美观的 AI 助手和对话界面而设计。

基于 Kobalte 原语实现的 shadcn-ui SolidJS 移植版。提供 57+ 个组件,完整支持 TypeScript 和 Vega 主题。

一组完全可组合的组件,扩展 shadcn/ui,并聚焦常见的游戏化 UI 模式。

与 shadcn-ui 兼容的注册库,提供 40+ 个玻璃拟态风格的 React/TypeScript 组件,设计灵感来自 Apple。组件包含增强视觉效果(发光、闪烁、涟漪)、主题支持和可定制的玻璃拟态样式。

一组可自定义组件,用于构建 Home Assistant 仪表盘。

基于 shadcn/ui 构建的可直接使用基础组件/区块。

一个基于 Shadcn 构建的完整 React Hooks 集合。

inference.sh 提供的一站式 Agent 组件。包含支持流式输出、工具调用渲染、语法高亮代码块、Markdown 渲染器等的聊天界面。

可访问的 React 组件库,让你可以复制、定制并完全拥有自己的 UI。

一个精选组件集合,集成 GitHub、文档和面向开发者的能力。自包含、零依赖、可直接投入生产。

Kibo UI

Kibo UI 是一个自定义注册库,提供可组合、可访问且开源的组件,专为与 shadcn/ui 搭配使用而设计。

一组基于 React Aria 和 Motion 构建、设计精良的组件。

为开源政府门户专门打造的简洁设计组件。

由 Tailwind CSS、shadcn/ui 和 Motion 构建的惊艳组件集合,可用于你的网站。

用 React、Shadcn/ui 和 Tailwind 精心打造的落地页组件与模板。

一组可与 Lens Social Protocol 配合使用的社交媒体组件。

用于在 React 中构建媒体播放器的现代 UI 库,基于 Shaka Player。

lmscn

用于构建交互式学习体验的 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 状态管理。

N

一组基于 shadcn/ui 的新粗野主义风格组件。

基于 Tailwind CSS v4 和 Radix UI 构建的美观、可访问组件,包含认证区块、数据表和 TanStack Form 集成。

几乎适用于任何场景的现成 React 组件。可直接使用,或按需定制后快速上线。

手工打造、可访问的组件,用于构建美观的状态页。

一个分发重新设计过的组件、工具和可直接使用 Hooks 的设计系统。

带有 shadcn 特性的 React Aria Components。可复制粘贴的 React Aria 组件,可与 shadcn 组件并行使用。

为真实应用和仪表盘精心打造的 UI 区块,从早期想法到生产发布都能平滑集成。

基于 GSAP 的动画组件,专注于流畅交互和丰富细节。

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-easy-modals 的模态框组件。与 shadcn Dialog 集成,提供一个简单而强大的模态系统,支持 TypeScript 和基于 Promise 的 API。

适用于 React 的 Vue 风格插槽组合 - 对组件组合进行细粒度控制。

一个新粗野主义风格的 React + TailwindCSS UI 库,用于构建大胆、现代的 Web 应用。非常适合任何使用 Shadcn/ui 的项目。

一个免费开源的库,提供 1000+ 组件和模式,让你的 shadcn 项目效率提升 10 倍。

ScrollX UI 是一个开源的 React 和 shadcn 兼容组件库,面向动画化、交互式且可定制的用户界面。它提供由动效驱动的组件,可与现代 ShadCN 环境无缝融合。

为现代 React 和 Tailwind CSS 应用设计的美观而精致的 UI 组件。

由 shadcn/ui 构建的精美开源布局 UI 集合。

一个 UI 组件库,专为灵活性而设计、为定制而构建,并可随不同变体和用例扩展。

Roi UI 是一个基于 Base UI 原语构建的 UI 组件和区块库。部分区块和组件使用了 Motion(Framer)。全部开源,并将一直如此。

一个用代码构建幻灯片演示文稿的组件库。

一套高保真交互组件。它提供由 motion-react 和 tailwindcss 设计的动效驱动组件,可无缝融合。

面向 Next.js、Tailwind CSS 和 Motion 的可直接上线、品味出众的区块、动画组件和整页模板。

一个为 shadcn ui 提供数百个额外区块的注册库。

一个不断增长的 shadcn/ui 高质量区块与主题集合。

由纯 SVG 驱动的精美地图组件。

一个不断增长的 shadcn/ui 组件、区块和模板集合,用于构建现代 Web 应用。

面向 shadcn/ui 的地图组件,基于 Leaflet 和 React Leaflet 构建。

一个开源的 shadcn/ui 组件、区块和模板集合,带有强大的主题生成器。

一组基于 wavesurfer.js 和 shadcn/ui 构建的波形播放器与波形组件。

可访问、可定制的富文本编辑器。使用 Lexical 和 Shadcn/UI 构建。开源,开放代码。

一组高级、可直接上线的 shadcn/ui 区块、组件和模板。

通过管理仪表盘、网站模板、组件、区块和预构建的真实示例,更快启动你的项目。

一套精致的 shadcn/ui 组件和区块起步集,按生产标准构建。它是更大一套 Figma + React 系统的一部分,旨在随你的产品一起扩展。

一组精心制作的动效组件,基于 React、Framer Motion 和 TailwindCSS 构建。每个组件都专注于平滑动画、细腻反馈和愉悦的 UX,旨在提升微交互表现。非常适合想为界面加入精致动效的设计师和开发者,复制粘贴即可让 UI 活起来。

一个基于 shadcn/ui 和 Tailwind CSS 构建的现代组件库。Spectrum UI 提供优雅、响应式的组件和顺滑动画,专为高质量界面设计。

Supabase

一组基于 shadcn/ui 库构建的 React 组件和区块,只需一条命令即可将前端连接到 Supabase 后端。

一个拥有 SVG 标志的精美库。

专为构建现代营销网站而设计的 Shadcn 区块。

设计精美且可访问的组件,可直接复制粘贴到你的应用中。由 React Aria Components 和 Shadcn tokens 打造。

t

面向 React 的可组合动画地图组件。基于 TypeScript、Tailwind CSS、Mapbox GL JS 和 MapLibre GL 构建,是 shadcn/ui 的绝佳搭档。

一个受 Tron 启发的 shadcn/ui 主题系统,包含希腊众神配色方案、发光强度等级,以及 DataCard、HUD、Radar 等科幻组件。

用于构建新手引导巡游的组件,专为与 shadcn/ui 集成而设计。

由 shadcn/ui 和 Framer Motion 驱动的开源、可直接上线的 UI 组件和区块。

用于启动大型功能的全栈注册项。Utilcn 提供 ChatGPT Apps、带进度条的文件上传与下载,以及在后端实现环境变量类型安全的方法。

面向区块链 dApp 的 Web3 UI 组件。包含钱包连接、代币兑换、NFT 卡片、质押界面以及 20+ 个其他加密组件。

一组开源的、完全受控的 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 的动画 UI 组件,使用 Framer Motion。提供的组件包括按钮、卡片、文本、图标、列表、加载器、页面过渡和动画 Hooks,均采用通用效果,不浮夸且观感舒适,便于使用。

ShadcnSpace 是一组非同寻常、可高度定制的 shadcn/ui 组件、区块和主题,用于快速而清晰地构建现代 UI。

ShadcnDashboard 是一组现代、可直接上线的仪表盘布局、组件和 UI 模式,基于 shadcn/ui 和 Tailwind CSS 构建。它旨在帮助开发者更快构建干净、可扩展、数据驱动的仪表盘,同时不牺牲性能、可访问性或可定制性。

一个开源图标库,收录了精心动画化的图标(Tabler、Phosphor 等),适用于你的项目,灵感来自 lucide-animated.com。

一个开源集合,提供 316 个精美动画化的 Heroicons,可用于你的项目。

Magic 3D Tabs 组件,支持鼠标交互式 3D 旋转、漂浮粒子背景效果和顺滑的弹簧动画。

用于落地页、仪表盘和 Web 应用的可直接上线 UI 区块。

遵循行业标准的设计 token 交互式文档组件,美观且易用。

由 Base UI 和 Tailwind CSS 驱动的可组合 React 组件——快速构建,随意定制一切。

一组高端动画 React 组件和微交互,基于 Motion 构建,用于打造流畅、专业的界面。

组件包括 MobileMenu、带渐变的 ScrollArea、Chat UI、HLSVideoPlayer 和 Marquee。

一个开源组件库,包含动画组件、精美效果和自定义 Toast 通知。基于 Radix UI 和 Tailwind CSS 构建。

一组基于 React Aria、Tailwind CSS 和 tailwind-variants 构建的组件。

JolyUI 是一个基于 TypeScript 和 Tailwind CSS 构建的现代 React 组件库。

一组用于构建现代 Web 应用的精美 UI 组件。

简洁、美观且易用的 UI 原语和 AI 元素。

一个面向 Next.js 的极简 Web CMS,针对 Cache Components 进行了优化。

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/ui 的精选 OKLCH 颜色主题,带有可视化主题编辑器,支持 CSS、Tailwind v4 和 Figma 导出。

F

专为功能清晰而设计的流动式组件。包含邻近悬停、弹簧动画、字重过渡和动画焦点环。

基于 React、Tailwind CSS 和 Motion 构建的精美落地页组件。

一组可自定义的 UI 区块,带有交互式实时预览。

一个开源组件库,提供可组合、可复制粘贴的原语,用于构建 AI 界面(聊天、流式、多模态)。

面向 shadcn 的传统拟物风 UI 组件和区块。

一个面向 Next.js 的设计驱动组件库,追求速度、灵活性和开发体验。

由 GSAP 和 Framer Motion 驱动的动画 shadcn 组件,为富表现力的 UI 而生。

用 Rescript 重写的 Shadcn 组件,兼容 shadcn CLI。

文档

你可以使用 shadcn CLI 运行自己的代码注册库。运行自有注册库后,你就可以把自定义组件、Hooks、页面、配置、规则以及其他文件分发到任何项目中。