React

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

Bklit TanStack Charts — 基于 TanStack Charts 原生重构的 Bklit 图表库,完整保留复合组件 API 与动效质感。

Bklit TanStack Charts数据可视化

基于 TanStack Charts 原生重构的 Bklit 图表库,完整保留复合组件 API 与动效质感。

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 原生同步。

AlignUI — 基于 Radix UI 与 Tailwind CSS 构建的高质感组件库,支持 CLI 源码级导入。

AlignUI合集与套件

基于 Radix UI 与 Tailwind CSS 构建的高质感组件库,支持 CLI 源码级导入。

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。

React Aria — Adobe 出品的无样式 React 原语库,提供高等级无障碍支持与跨设备交互行为。

React Aria合集与套件

Adobe 出品的无样式 React 原语库,提供高等级无障碍支持与跨设备交互行为。

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 驱动的高性能可调节分栏面板,支持物理阻尼吸附与丝滑折叠动效。

Trellis — 支持无限层级分形嵌套、平滑缩放与持久挂载视图的高性能 Web 停靠工作区布局引擎。

Trellis输入控件

支持无限层级分形嵌套、平滑缩放与持久挂载视图的高性能 Web 停靠工作区布局引擎。

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

AICSS合集与套件

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

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

MicroKit UI合集与套件

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

Pin UI — 将 Pinterest 视觉灵感转化为开箱即用、支持弹簧物理与微交互的精美 React 组件库。

Pin UI合集与套件

将 Pinterest 视觉灵感转化为开箱即用、支持弹簧物理与微交互的精美 React 组件库。

Sakani — 开源 React 设计系统:提供与 Figma 1:1 对齐的 114+ 无障碍组件与 41 套整页区块。

Sakani合集与套件

开源 React 设计系统:提供与 Figma 1:1 对齐的 114+ 无障碍组件与 41 套整页区块。

Torph — 零依赖的高性能文本与数字变形动画组件,支持 React、Vue 与 Svelte。

Torph文本与排版

零依赖的高性能文本与数字变形动画组件,支持 React、Vue 与 Svelte。

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

21st.dev合集与套件

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

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

8bitcn合集与套件

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

Aceternity UI — 极具未来感与视觉张力的潮流 React 动效组件库,主打粒子背景与酷炫 Hero。

Aceternity UI合集与套件

极具未来感与视觉张力的潮流 React 动效组件库,主打粒子背景与酷炫 Hero。

Amacro — 提供无缝页面切场、动态内容揭幕与流体幕布过渡的 React 动效库。

Amacro合集与套件

提供无缝页面切场、动态内容揭幕与流体幕布过渡的 React 动效库。

Amicro — 专注点击反馈与微交互的轻量级 React 微动效原语,即插即用且极致轻盈。

Amicro合集与套件

专注点击反馈与微交互的轻量级 React 微动效原语,即插即用且极致轻盈。

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

Animate UI合集与套件

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

Annnimate — 基于 GSAP 打造的生产级动效组件与丝滑视差滚动交互库。

Annnimate合集与套件

基于 GSAP 打造的生产级动效组件与丝滑视差滚动交互库。

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

Base CN合集与套件

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

Base UI — 由 MUI 与 Radix 团队联手打造的下一代 React 无样式高无障碍底层组件原语。

Base UI合集与套件

由 MUI 与 Radix 团队联手打造的下一代 React 无样式高无障碍底层组件原语。

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

blocks.so合集与套件

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

Butter Nav — 具液态形变平滑过渡与物理动效的现代 Mega-menu 导航组件。

Butter Nav合集与套件

具液态形变平滑过渡与物理动效的现代 Mega-menu 导航组件。

Canvas UI — GPU 硬件加速的流体动力学物理模拟、Canvas 着色器与沉浸式交互组件。

Canvas UI合集与套件

GPU 硬件加速的流体动力学物理模拟、Canvas 着色器与沉浸式交互组件。

Componentry — 为加速现代产品交付打造的高度可定制 React 底层原语与主题基础设施。

Componentry合集与套件

为加速现代产品交付打造的高度可定制 React 底层原语与主题基础设施。

coss ui — 基于 Base UI 与 Tailwind CSS 构建的高无障碍性即拷即用现代组件库。

coss ui合集与套件

基于 Base UI 与 Tailwind CSS 构建的高无障碍性即拷即用现代组件库。

Cult UI — 基于 Framer Motion 与 Tailwind 打造的现代 React 动效与微交互组件库。

Cult UI合集与套件

基于 Framer Motion 与 Tailwind 打造的现代 React 动效与微交互组件库。

devl — 探索前沿 Web 交互美学与极简概念边界的实验性 React UI 组件库。

devl合集与套件

探索前沿 Web 交互美学与极简概念边界的实验性 React UI 组件库。

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

Dot Matrix加载与反馈

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

Easy UI — 涵盖 50 多款高转化率营销模板与常用 React + Tailwind 交互组件。

Easy UI合集与套件

涵盖 50 多款高转化率营销模板与常用 React + Tailwind 交互组件。

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

editorcn文件与代码

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

Eldora UI — 专为现代初创产品打造的 React 动效组件与交互式 Hero 区块集合。

Eldora UI合集与套件

专为现代初创产品打造的 React 动效组件与交互式 Hero 区块集合。

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

emailcn合集与套件

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

Evil Buttons — 富有极致触觉反馈、物理回弹与拟物张力的现代交互按钮专门组件库。

Evil Buttons输入控件

富有极致触觉反馈、物理回弹与拟物张力的现代交互按钮专门组件库。

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

Evil Charts数据可视化

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

Fancy Components — 充满趣味与物理力学动效的 React 创意组件库,主打重力球池、磁吸与弹性交互。

Fancy Components合集与套件

充满趣味与物理力学动效的 React 创意组件库,主打重力球池、磁吸与弹性交互。

Float UI — 干净优雅的 Tailwind CSS 与 React 营销落地页组件库,支持快速建站。

Float UI合集与套件

干净优雅的 Tailwind CSS 与 React 营销落地页组件库,支持快速建站。

Flowbite — 生态成熟完备的开源 Tailwind CSS 组件库,深度支持 React、Vue 与 Svelte。

Flowbite合集与套件

生态成熟完备的开源 Tailwind CSS 组件库,深度支持 React、Vue 与 Svelte。

Fluid Functionalism — 融合物理力学动效与目的性功能主义交互的现代 Web 设计实验系统。

Fluid Functionalism合集与套件

融合物理力学动效与目的性功能主义交互的现代 Web 设计实验系统。

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

Forge UI合集与套件

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

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

framecn合集与套件

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

glimm — 基于 GPU 着色器驱动的 Next.js 极具流体质感整页路由切换动效方案。

glimm合集与套件

基于 GPU 着色器驱动的 Next.js 极具流体质感整页路由切换动效方案。

Gradient Spin — 采用圆锥渐变流光与多重光晕的现代 React 旋转加载指示器组件。

Gradient Spin加载与反馈

采用圆锥渐变流光与多重光晕的现代 React 旋转加载指示器组件。

Great UI — 融合无障碍机制与清新现代审美的即拷即用 React + Tailwind 组件集。

Great UI合集与套件

融合无障碍机制与清新现代审美的即拷即用 React + Tailwind 组件集。

GSAP — 业界标杆级、极高运行性能的专业 JavaScript 时间轴动画核心引擎。

GSAP合集与套件

业界标杆级、极高运行性能的专业 JavaScript 时间轴动画核心引擎。

Headless UI — 由 Tailwind 官方团队打造的完全无样式、高无障碍性交互组件原语。

Headless UI合集与套件

由 Tailwind 官方团队打造的完全无样式、高无障碍性交互组件原语。

HeroUI — 现代、极速且视觉优雅的 React UI 库(前身为 NextUI),基于 Tailwind 构建。

HeroUI合集与套件

现代、极速且视觉优雅的 React UI 库(前身为 NextUI),基于 Tailwind 构建。

interior.dev — 专为极致点击响应与细腻触觉反馈调校的现代 Web 微交互控件集合。

interior.dev输入控件

专为极致点击响应与细腻触觉反馈调校的现代 Web 微交互控件集合。

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

Kibo UI合集与套件

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

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

Kokonut UI合集与套件

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

Lightswind — 主打物理光影、霓虹流光与深色暗调美学的 Tailwind CSS 特色组件库。

Lightswind合集与套件

主打物理光影、霓虹流光与深色暗调美学的 Tailwind CSS 特色组件库。

Lottie — 基于 JSON 格式的高性能轻量矢量动画标准格式与跨平台运行时。

Lottie合集与套件

基于 JSON 格式的高性能轻量矢量动画标准格式与跨平台运行时。

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

Magic UI合集与套件

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

Meraki UI — 支持全套 RTL(从右至左)排版的优雅响应式 Tailwind CSS 组件集合。

Meraki UI合集与套件

支持全套 RTL(从右至左)排版的优雅响应式 Tailwind CSS 组件集合。

morphicons — 基于弹簧物理学的高品质矢量图标形状平滑形变动效动画库。

morphicons合集与套件

基于弹簧物理学的高品质矢量图标形状平滑形变动效动画库。

Motion — 前身为 Framer Motion,现代 Web 与 React 动效手势引擎的事实标准。

Motion合集与套件

前身为 Framer Motion,现代 Web 与 React 动效手势引擎的事实标准。

Motion Primitives — 由 ibelick 打造的高质感动效与微交互组件库,依托 Motion 和 Tailwind CSS。

Motion Primitives合集与套件

由 ibelick 打造的高质感动效与微交互组件库,依托 Motion 和 Tailwind CSS。

Nex UI — 专为现代科技初创团队打造的高扩展性、无障碍优先的 React 组件系统。

Nex UI合集与套件

专为现代科技初创团队打造的高扩展性、无障碍优先的 React 组件系统。

Ninja UI — 追求极致轻量体积与加载性能的模块化 React 基础控件库。

Ninja UI合集与套件

追求极致轻量体积与加载性能的模块化 React 基础控件库。

NumberFlow — 优雅顺滑的数字流式过渡与翻滚动效组件,支持跨现代前端框架与数字格式化。

NumberFlow文本与排版

优雅顺滑的数字流式过渡与翻滚动效组件,支持跨现代前端框架与数字格式化。

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

Odyssey UI合集与套件

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

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

ogimagecn文件与代码

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

Painterly — 艺术质感的 Canvas 动态加载器与水彩光影反馈控件,适合创意设计网站。

Painterly加载与反馈

艺术质感的 Canvas 动态加载器与水彩光影反馈控件,适合创意设计网站。

Preline UI — 专为复杂 SaaS 中后台仪表盘与企业级产品打造的 Tailwind CSS 组件库。

Preline UI合集与套件

专为复杂 SaaS 中后台仪表盘与企业级产品打造的 Tailwind CSS 组件库。

Prompt Kit — 面向大语言模型对话与智能体打造的自然语言交互界面核心组件原语。

Prompt Kit合集与套件

面向大语言模型对话与智能体打造的自然语言交互界面核心组件原语。

Radix Primitives — 开源无样式底层 React 组件库,专为构建高质量设计系统与无障碍界面而设计。

Radix Primitives合集与套件

开源无样式底层 React 组件库,专为构建高质量设计系统与无障碍界面而设计。

Re UI — 依托 Base UI 底层原语构建的高可访问性、自由定制的现代组件库。

Re UI合集与套件

依托 Base UI 底层原语构建的高可访问性、自由定制的现代组件库。

Reverse UI — 融合趣味微交互与创新布局思想的 React 与 Tailwind CSS 组件库。

Reverse UI合集与套件

融合趣味微交互与创新布局思想的 React 与 Tailwind CSS 组件库。

Rewamp UI — 基于 Motion、Tailwind CSS 与 Three.js 构建的 React 创意组件库,主打流体光影、物理微交互与着色器动效。

Rewamp UI合集与套件

基于 Motion、Tailwind CSS 与 Three.js 构建的 React 创意组件库,主打流体光影、物理微交互与着色器动效。

Rive — 基于状态机与紧凑运行时驱动的跨平台实时交互矢量动效平台。

Rive合集与套件

基于状态机与紧凑运行时驱动的跨平台实时交互矢量动效平台。

Rolling Number — 带物理弹簧惯性的平滑字符齿轮滚动数字计数器 React 组件。

Rolling Number文本与排版

带物理弹簧惯性的平滑字符齿轮滚动数字计数器 React 组件。

Ruru UI — 专为打磨高品质 React 应用而设计的无障碍优先与高度可定制组件库。

Ruru UI合集与套件

专为打磨高品质 React 应用而设计的无障碍优先与高度可定制组件库。

Scritto — 富有设计工程师张力的字符逐字翻滚与乱码解码文本过渡动效库。

Scritto文本与排版

富有设计工程师张力的字符逐字翻滚与乱码解码文本过渡动效库。

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/ui — 代码直接拷入项目的现代 UI 组件库事实标准,基于 Radix 与 Tailwind 构建。

shadcn/ui合集与套件

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

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

shadcnblocks合集与套件

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

Skiper UI — 专为现代 Tailwind CSS 深度调校的高性能动效原语与交互式小部件。

Skiper UI合集与套件

专为现代 Tailwind CSS 深度调校的高性能动效原语与交互式小部件。

Smooth UI — 重度动画与丝滑交互兼具的 React 动效组件库,即粘即用零摩擦。

Smooth UI合集与套件

重度动画与丝滑交互兼具的 React 动效组件库,即粘即用零摩擦。

Sona UI — 追求 100% 开发者自主可控与流畅动效美学的 React 即拷即用现代组件库。

Sona UI合集与套件

追求 100% 开发者自主可控与流畅动效美学的 React 即拷即用现代组件库。

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

soundcn加载与反馈

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

SRCL — 充满复古极客工业质感的 DOS 终端风格组件套件与赛博怀旧界面库。

SRCL合集与套件

充满复古极客工业质感的 DOS 终端风格组件套件与赛博怀旧界面库。

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

startercn合集与套件

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

Syntax UI — 专为现代落地页打造的即拷即用 React 动效组件与创意交互合集。

Syntax UI合集与套件

专为现代落地页打造的即拷即用 React 动效组件与创意交互合集。

Tailark — 手工打磨的高品质 Tailwind CSS 营销区块,专为现代 SaaS 落地页而生。

Tailark合集与套件

手工打磨的高品质 Tailwind CSS 营销区块,专为现代 SaaS 落地页而生。

TailGrids — 包含数百个精心调校的响应式 Tailwind CSS UI 页面区块与组件系统。

TailGrids合集与套件

包含数百个精心调校的响应式 Tailwind CSS UI 页面区块与组件系统。

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

termcn文件与代码

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

Tremor — 基于 Tailwind CSS 打造的现代化 React 数据仪表盘与可视化组件库。

Tremor数据可视化

基于 Tailwind CSS 打造的现代化 React 数据仪表盘与可视化组件库。

UI Layouts — 涵盖整页排版、交互式导航与 Hero 区块的高质量 Tailwind 布局库。

UI Layouts合集与套件

涵盖整页排版、交互式导航与 Hero 区块的高质量 Tailwind 布局库。

unlumen UI — 专为暗色模式打造的极简主义 React 组件库,支持 CLI 一键导入。

unlumen UI合集与套件

专为暗色模式打造的极简主义 React 组件库,支持 CLI 一键导入。

Vengeance UI — 以动力学滚动交互、强张力入场动效与现代排版见长的 React 组件集。

Vengeance UI合集与套件

以动力学滚动交互、强张力入场动效与现代排版见长的 React 组件集。

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

Watermelon UI合集与套件

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

Astryx — Meta 开源的 Agent 友好型 React 设计系统,基于 StyleX 构建,内置 150+ 无障碍组件与多套主题预设。

Astryx合集与套件

Meta 开源的 Agent 友好型 React 设计系统,基于 StyleX 构建,内置 150+ 无障碍组件与多套主题预设。

ObsidianUI — 基于 Motion 与 Tailwind CSS 构建的创意 React 动效组件库,主打灵动光标跟随、画廊滚动与质感微交互。

ObsidianUI合集与套件

基于 Motion 与 Tailwind CSS 构建的创意 React 动效组件库,主打灵动光标跟随、画廊滚动与质感微交互。

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 一键安装。

React Bits — 收录超 200 款高品质 React 动效组件库:涵盖文字特效、互动背景与微交互,支持 JS/TS 及 Tailwind 双模式。

React Bits合集与套件

收录超 200 款高品质 React 动效组件库:涵盖文字特效、互动背景与微交互,支持 JS/TS 及 Tailwind 双模式。

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

23rd合集与套件

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

Libraries.dev — 专为 AI 与智能体界面打造的高质感 React 特效组件库:包含流光边框、思维光球、流体黏连、液态金属与图像生成加载器。

Libraries.dev合集与套件

专为 AI 与智能体界面打造的高质感 React 特效组件库:包含流光边框、思维光球、流体黏连、液态金属与图像生成加载器。

Solaris — 面向 React 19 的太阳系与天空着色器组件库:基于 WebGL2 物理光照与大气散射算法,渲染真实感天体与天空景象。

Solaris合集与套件

面向 React 19 的太阳系与天空着色器组件库:基于 WebGL2 物理光照与大气散射算法,渲染真实感天体与天空景象。

Ambient CSS — 以物理光照驱动的 CSS 影调系统:定义一盏光源,阴影、高光与表面渐变随之自适应生成,基于 Blender 光线追踪校准,纯 box-shadow 渲染。

Ambient CSS合集与套件

以物理光照驱动的 CSS 影调系统:定义一盏光源,阴影、高光与表面渐变随之自适应生成,基于 Blender 光线追踪校准,纯 box-shadow 渲染。

Drawably — 纯手绘涂鸦风 UI 控件库:每次装载均基于随机种子生成独一无二的钢笔草图笔触,自带微摇沸腾动效,零外部依赖。

Drawably合集与套件

纯手绘涂鸦风 UI 控件库:每次装载均基于随机种子生成独一无二的钢笔草图笔触,自带微摇沸腾动效,零外部依赖。

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

Spectrum UI合集与套件

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

Bencho — 沉浸式可交互 UI 区块实验室:所有组件均可在网页中直接调试手感与参数,开箱即用,拒绝静态占位。

Bencho合集与套件

沉浸式可交互 UI 区块实验室:所有组件均可在网页中直接调试手感与参数,开箱即用,拒绝静态占位。

Opensource UI — 面向 React 与 Next.js 的免费开源 UI 库:收录 200+ 款 MIT 授权的即拷即用组件、Tailwind CSS 区块与高精度设备模型。

Opensource UI合集与套件

面向 React 与 Next.js 的免费开源 UI 库:收录 200+ 款 MIT 授权的即拷即用组件、Tailwind CSS 区块与高精度设备模型。

Stepwise UI — 专为现代产品迭代打造的 React 组件集合:全部以清晰可读的源码交付,与 AI 编程助手高度协同,设计感浑然天成。

Stepwise UI合集与套件

专为现代产品迭代打造的 React 组件集合:全部以清晰可读的源码交付,与 AI 编程助手高度协同,设计感浑然天成。

Calligraph — 由 Motion 驱动的流体文字变形动效库:同名字符平滑位移至新坐标,进退字符优雅淡入淡出。

Calligraph文本与排版

由 Motion 驱动的流体文字变形动效库:同名字符平滑位移至新坐标,进退字符优雅淡入淡出。

Spell UI — 精美先锋的创意 React UI 组件库:基于 Tailwind CSS,带来如魔法般赏心悦目的现代交互细节。

Spell UI合集与套件

精美先锋的创意 React UI 组件库:基于 Tailwind CSS,带来如魔法般赏心悦目的现代交互细节。

Animal Island UI — 动森风格的温馨治愈系 React UI 组件库,具备细腻可爱的微交互与手绘插画风格。

Animal Island UI合集与套件

动森风格的温馨治愈系 React UI 组件库,具备细腻可爱的微交互与手绘插画风格。

DialKit — 在运行中实时微调界面的交互控制台:直接在页面上调整数值、比对多套参数变体并编辑弹簧动画时序。

DialKit输入控件

在运行中实时微调界面的交互控制台:直接在页面上调整数值、比对多套参数变体并编辑弹簧动画时序。

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

beUI合集与套件

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

Liveline — 面向 React 的高性能实时流式动画图表库:Canvas 60fps 极速渲染,支持单线、多序列与 K 线模式,零 CSS 导入。

Liveline数据可视化

面向 React 的高性能实时流式动画图表库:Canvas 60fps 极速渲染,支持单线、多序列与 K 线模式,零 CSS 导入。

crd-ui — 极具质感的支付表单银行卡交互组件:支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖,统一支持 React/Vue/Svelte/原生 JS。

crd-ui输入控件

极具质感的支付表单银行卡交互组件:支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖,统一支持 React/Vue/Svelte/原生 JS。