shadcn/ui

手工严选收录的 53 个 shadcn/ui 相关开源 UI 库、交互组件与设计工程实践,支持完整组件清单预览与代码检索。

Looseleaf — 纯手绘纸实质感的 React 组件库与 shadcn 注册表,在纸面纹理上还原完整控件生态。

Looseleaf合集与套件

纯手绘纸实质感的 React 组件库与 shadcn 注册表,在纸面纹理上还原完整控件生态。

Prestige UI — 融入精致微交互的 React 动效组件与整页区块库,基于 Tailwind CSS 与 Motion 构建。

Prestige UI合集与套件

融入精致微交互的 React 动效组件与整页区块库,基于 Tailwind CSS 与 Motion 构建。

Nexvyn UI — 融入弹簧物理动效的高质感 React 组件库,基于 shadcn/ui 与 Motion 构建。

Nexvyn UI合集与套件

融入弹簧物理动效的高质感 React 组件库,基于 shadcn/ui 与 Motion 构建。

SortUI — 基于 shadcn/ui 的高完成度设计系统,API 完全兼容且与 Figma 原生同步。

SortUI合集与套件

基于 shadcn/ui 的高完成度设计系统,API 完全兼容且与 Figma 原生同步。

EasyUI — 包含 130 余款高品质 React 动效组件,支持 shadcn CLI 零配置拷贝分发。

EasyUI合集与套件

包含 130 余款高品质 React 动效组件,支持 shadcn CLI 零配置拷贝分发。

PaceUI — 基于 Motion 与 shadcn 打造的 React 动效区块与组件库,适配 Next.js 与 TanStack Start。

PaceUI合集与套件

基于 Motion 与 shadcn 打造的 React 动效区块与组件库,适配 Next.js 与 TanStack Start。

affectUI — 面向 AI 产品与 SaaS 的纯手工 React 动效组件库,单文件自包含样式,零额外 CSS 依赖。

affectUI合集与套件

面向 AI 产品与 SaaS 的纯手工 React 动效组件库,单文件自包含样式,零额外 CSS 依赖。

HextaUI — 基于 shadcn/ui 与 Base UI 的开源 React 组件与区块库,内置细腻动效与完善的状态交互。

HextaUI合集与套件

基于 shadcn/ui 与 Base UI 的开源 React 组件与区块库,内置细腻动效与完善的状态交互。

Arc UI — 自带克制而优雅内置动效的开源 React 与 shadcn 组件库,让产品界面更显完工质感。

Arc UI合集与套件

自带克制而优雅内置动效的开源 React 与 shadcn 组件库,让产品界面更显完工质感。

Planes — 面向现代前端与 AI 辅助流打造的高质感 React 动效层,提供大量精细打磨的交互组件。

Planes合集与套件

面向现代前端与 AI 辅助流打造的高质感 React 动效层,提供大量精细打磨的交互组件。

Skecher UI — 针对 shadcn CLI 优化的 React 交互动效组件库,聚焦细腻微交互与生动视觉表达。

Skecher UI合集与套件

针对 shadcn CLI 优化的 React 交互动效组件库,聚焦细腻微交互与生动视觉表达。

Space UI — 集成 WebGL 空间着色器、流畅动效与落地页高转化区块的现代化 React 组件库。

Space UI合集与套件

集成 WebGL 空间着色器、流畅动效与落地页高转化区块的现代化 React 组件库。

CodedVisuals — 专为营销落地页打造的代码化动效插画组件库,基于 Motion 与 shadcn/ui 规范。

CodedVisuals合集与套件

专为营销落地页打造的代码化动效插画组件库,基于 Motion 与 shadcn/ui 规范。

mapcn — 基于 MapLibre GL 与 Tailwind CSS 的现代化 React 地图组件库,开箱支持暗黑模式与 shadcn/ui。

mapcn数据可视化

基于 MapLibre GL 与 Tailwind CSS 的现代化 React 地图组件库,开箱支持暗黑模式与 shadcn/ui。

motion-panels — 基于 Motion 驱动的高性能可调节分栏面板,支持物理阻尼吸附与丝滑折叠动效。

motion-panels输入控件

基于 Motion 驱动的高性能可调节分栏面板,支持物理阻尼吸附与丝滑折叠动效。

PanelUI — 专为 Expo 与 React Native 打造的无障碍组件库,基于 Tailwind CSS 与 Reanimated 驱动。

PanelUI合集与套件

专为 Expo 与 React Native 打造的无障碍组件库,基于 Tailwind CSS 与 Reanimated 驱动。

AICSS — 专为 AI Agent 对话界面量身定制的组件库,覆盖思考推理、工具调用与流式文本输出。

AICSS合集与套件

专为 AI Agent 对话界面量身定制的组件库,覆盖思考推理、工具调用与流式文本输出。

MicroKit UI — 开箱即用的 React 与 CSS 精致微交互组件库,支持 shadcn CLI 快速安装与源码自由定制。

MicroKit UI合集与套件

开箱即用的 React 与 CSS 精致微交互组件库,支持 shadcn CLI 快速安装与源码自由定制。

21st.dev — 最大的 shadcn 开放注册表社区,收录海量即拷即用的动效组件与交互区块。

21st.dev合集与套件

最大的 shadcn 开放注册表社区,收录海量即拷即用的动效组件与交互区块。

8bitcn — 复古 8 位像素艺术风格的 shadcn/ui 组件库,还原街机与怀旧游戏机界面质感。

8bitcn合集与套件

复古 8 位像素艺术风格的 shadcn/ui 组件库,还原街机与怀旧游戏机界面质感。

Animate UI — 为 shadcn/ui 组件注入细腻 Motion 动画的高无障碍动效增强库。

Animate UI合集与套件

为 shadcn/ui 组件注入细腻 Motion 动画的高无障碍动效增强库。

Base CN — 将 Base UI 优秀的无样式底层原语重构适配为 shadcn 即拷即用格式的组件库。

Base CN合集与套件

将 Base UI 优秀的无样式底层原语重构适配为 shadcn 即拷即用格式的组件库。

blocks.so — 开源的现代化网页区块库,支持通过 shadcn CLI 命令行直接注入项目。

blocks.so合集与套件

开源的现代化网页区块库,支持通过 shadcn CLI 命令行直接注入项目。

Dot Matrix — 超过 50 款专为 shadcn/ui 打造的高可定制点阵式像素 Loading 加载动画库。

Dot Matrix加载与反馈

超过 50 款专为 shadcn/ui 打造的高可定制点阵式像素 Loading 加载动画库。

editorcn — 基于 Tiptap 与 shadcn 打造的无头高扩展性 React 富文本编辑器组件库。

editorcn文件与代码

基于 Tiptap 与 shadcn 打造的无头高扩展性 React 富文本编辑器组件库。

emailcn — 全面兼容 React Email 与 MJML 的响应式高审美现代 HTML 邮件组件库。

emailcn合集与套件

全面兼容 React Email 与 MJML 的响应式高审美现代 HTML 邮件组件库。

Evil Charts — 专为 shadcn/ui 定制的轻量级 SVG 动效图表库,由 Evil Martians 团队设计。

Evil Charts数据可视化

专为 shadcn/ui 定制的轻量级 SVG 动效图表库,由 Evil Martians 团队设计。

Forge UI — 兼容 shadcn/ui 的 React 与 Tailwind 动效组件库,提供开箱即用的 SaaS 区块、微交互与落地页模板。

Forge UI合集与套件

兼容 shadcn/ui 的 React 与 Tailwind 动效组件库,提供开箱即用的 SaaS 区块、微交互与落地页模板。

framecn — 基于 Editframe 构建的 React 视频合成、时间轴编辑与多媒体动效组件。

framecn合集与套件

基于 Editframe 构建的 React 视频合成、时间轴编辑与多媒体动效组件。

Kibo UI — 专为 AI 交互、大模型对话与智能体工作流定制的现代化 UI 组件注册表。

Kibo UI合集与套件

专为 AI 交互、大模型对话与智能体工作流定制的现代化 UI 组件注册表。

Kokonut UI — 充满创意与前沿设计细节的 React 动效控件集,完全遵循 shadcn 架构。

Kokonut UI合集与套件

充满创意与前沿设计细节的 React 动效控件集,完全遵循 shadcn 架构。

Magic UI — 专为营销落地页与现代 Web 产品量身定制的顶级 React 动效组件库。

Magic UI合集与套件

专为营销落地页与现代 Web 产品量身定制的顶级 React 动效组件库。

Odyssey UI — 基于 shadcn/ui 与 Framer Motion 打造的现代化 SaaS 动效组件库。

Odyssey UI合集与套件

基于 shadcn/ui 与 Framer Motion 打造的现代化 SaaS 动效组件库。

ogimagecn — 结合 Satori 与 shadcn 美学规范的动态社交分享卡片(OG Image)生成组件。

ogimagecn文件与代码

结合 Satori 与 shadcn 美学规范的动态社交分享卡片(OG Image)生成组件。

sensory-ui — 专为 shadcn/ui 组件量身定做的声音设计系统与声学触觉反馈工具包。

sensory-ui加载与反馈

专为 shadcn/ui 组件量身定做的声音设计系统与声学触觉反馈工具包。

Sera UI — 针对 shadcn CLI 深度优化的极简主义 React 组件与微交互合集。

Sera UI合集与套件

针对 shadcn CLI 深度优化的极简主义 React 组件与微交互合集。

shadcn-cssinjs — 将 shadcn/ui 组件解构并适配为 CSS-in-JS(Emotion / Styled)架构的实现。

shadcn-cssinjs合集与套件

将 shadcn/ui 组件解构并适配为 CSS-in-JS(Emotion / Styled)架构的实现。

Shadcn Labs — 汇集前沿新兴 shadcn/ui 社区注册表、扩展库与开发工具的生态实验聚合站。

Shadcn Labs合集与套件

汇集前沿新兴 shadcn/ui 社区注册表、扩展库与开发工具的生态实验聚合站。

shadcn/ui — 代码直接拷入项目的现代 UI 组件库事实标准,基于 Radix 与 Tailwind 构建。

shadcn/ui合集与套件

代码直接拷入项目的现代 UI 组件库事实标准,基于 Radix 与 Tailwind 构建。

shadcnblocks — 收录数千款精巧的 shadcn/ui 完整页面区块与营销落地页组件集合。

shadcnblocks合集与套件

收录数千款精巧的 shadcn/ui 完整页面区块与营销落地页组件集合。

shieldcn — 以 shadcn 极简美学重新绘制的 GitHub 项目徽标与状态盾牌。

shieldcn文件与代码

以 shadcn 极简美学重新绘制的 GitHub 项目徽标与状态盾牌。

Shoogle — 横跨全网各大开源 shadcn 社区注册表的高效垂直组件搜索引擎。

Shoogle合集与套件

横跨全网各大开源 shadcn 社区注册表的高效垂直组件搜索引擎。

soundcn — 为现代 Web 界面量身定制的即拷即用 UI 交互音效与音频反馈钩子库。

soundcn加载与反馈

为现代 Web 界面量身定制的即拷即用 UI 交互音效与音频反馈钩子库。

startercn — 集成了官方文档、落地页与 AI Agent 支持的一站式 shadcn 注册表脚手架。

startercn合集与套件

集成了官方文档、落地页与 AI Agent 支持的一站式 shadcn 注册表脚手架。

termcn — 专为 React 与 Web 打造的纯正终端风格组件库,融合 Ink 与 shadcn 规范。

termcn文件与代码

专为 React 与 Web 打造的纯正终端风格组件库,融合 Ink 与 shadcn 规范。

Uiuno — 聚合、实时预览与智能编排全网 shadcn 优质组件的 AI 工作台。

Uiuno合集与套件

聚合、实时预览与智能编排全网 shadcn 优质组件的 AI 工作台。

Watermelon UI — 色彩鲜明活泼的 React 组件库,作为 shadcn 生态的视觉风格扩展。

Watermelon UI合集与套件

色彩鲜明活泼的 React 组件库,作为 shadcn 生态的视觉风格扩展。

Dither Kit — 基于轻量 Canvas 引擎的复古抖动风格图表与组件库,兼容 shadcn/ui 与 Recharts 式声明 API。

Dither Kit数据可视化

基于轻量 Canvas 引擎的复古抖动风格图表与组件库,兼容 shadcn/ui 与 Recharts 式声明 API。

Rare UI — 精选小众且高辨识度的 React 动效组件集:基于 Motion 与 Tailwind 打造,支持 shadcn CLI 一键安装。

Rare UI合集与套件

精选小众且高辨识度的 React 动效组件集:基于 Motion 与 Tailwind 打造,支持 shadcn CLI 一键安装。

23rd — 极具个性表达的 shadcn/ui 组件注册表:支持 React 与 Svelte 5,涵盖 ASCII 流体、GLSL 着色器天象与有机动效。

23rd合集与套件

极具个性表达的 shadcn/ui 组件注册表:支持 React 与 Svelte 5,涵盖 ASCII 流体、GLSL 着色器天象与有机动效。

Spectrum UI — 面向 SaaS 与 AI 产品的开源动态 React 组件库:基于 Next.js、Tailwind CSS、Motion 与 shadcn/ui 深度打造。

Spectrum UI合集与套件

面向 SaaS 与 AI 产品的开源动态 React 组件库:基于 Next.js、Tailwind CSS、Motion 与 shadcn/ui 深度打造。

pdfcn — 为 React 打造的高颜值可定制 PDF 打印排版组件库:基于 Takumi 与 Forme 构建,与 shadcn/ui 无缝契合,支持即拷即用。

pdfcn文件与代码

为 React 打造的高颜值可定制 PDF 打印排版组件库:基于 Takumi 与 Forme 构建,与 shadcn/ui 无缝契合,支持即拷即用。

beUI — 基于 Motion 与 Tailwind CSS 构建的高级动态组件库,支持直接源码拷贝或通过 shadcn CLI 一键安装至项目中。

beUI合集与套件

基于 Motion 与 Tailwind CSS 构建的高级动态组件库,支持直接源码拷贝或通过 shadcn CLI 一键安装至项目中。