Tailwind CSS

手工严选收录的 84 个 Tailwind CSS 相关开源 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 原生同步。

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。

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。

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 快速安装与源码自由定制。

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

Sakani合集与套件

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

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

21st.dev合集与套件

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

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

8bitcn合集与套件

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

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

Aceternity UI合集与套件

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

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

Amicro合集与套件

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

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

Animate UI合集与套件

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

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

Base CN合集与套件

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

Bearnie — 专为 Astro 框架与 Tailwind CSS 深度定制的轻量极速组件集合。

Bearnie合集与套件

专为 Astro 框架与 Tailwind CSS 深度定制的轻量极速组件集合。

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

blocks.so合集与套件

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

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

Butter Nav合集与套件

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

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

coss ui合集与套件

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

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

Cult UI合集与套件

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

daisyUI — 广受欢迎的 Tailwind CSS 语义化类名组件库,内置丰富的主题切换系统。

daisyUI合集与套件

广受欢迎的 Tailwind CSS 语义化类名组件库,内置丰富的主题切换系统。

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 区块集合。

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。

FlyonUI — 面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

FlyonUI合集与套件

面向 Tailwind CSS v4 打造的无障碍、语义化类名全套组件库。

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

Forge UI合集与套件

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

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

Great UI合集与套件

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

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

Headless UI合集与套件

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

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

HeroUI合集与套件

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

HyperUI — 面向营销页面、电子商务与中后台界面的免费开源 Tailwind CSS 组件集。

HyperUI合集与套件

面向营销页面、电子商务与中后台界面的免费开源 Tailwind CSS 组件集。

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

Kibo UI合集与套件

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

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

Kokonut UI合集与套件

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

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

Lightswind合集与套件

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

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

Magic UI合集与套件

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

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

Meraki UI合集与套件

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

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

Motion Primitives合集与套件

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

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

Nex UI合集与套件

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

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

Ninja UI合集与套件

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

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

Odyssey UI合集与套件

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

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

Preline UI合集与套件

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

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

Prompt Kit合集与套件

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

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 创意组件库,主打流体光影、物理微交互与着色器动效。

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

Ruru UI合集与套件

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

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

Sera UI合集与套件

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

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 即拷即用现代组件库。

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 页面区块与组件系统。

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

Tremor数据可视化

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

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

UI Layouts合集与套件

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

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

unlumen UI合集与套件

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

Velora UI — 专为快速 Web 原型打造的免费 Tailwind CSS 基础组件与整页切片。

Velora UI合集与套件

专为快速 Web 原型打造的免费 Tailwind CSS 基础组件与整页切片。

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

Vengeance UI合集与套件

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

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

Watermelon UI合集与套件

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

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 双模式。

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

Spectrum UI合集与套件

面向 SaaS 与 AI 产品的开源动态 React 组件库:基于 Next.js、Tailwind CSS、Motion 与 shadcn/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 编程助手高度协同,设计感浑然天成。

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

Spell UI合集与套件

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

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

beUI合集与套件

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