Designeer.org

合集 · 20 个精选 · 2026

Tailwind CSS 组件库

基于 Tailwind CSS 构建的组件库，从 daisyUI 这类类名套件，到 React 组件集与完整营销区块。采用前先确认一个库面向哪个 Tailwind 版本；近期有几个已迁移到 Tailwind v4 的约定。

选自 React UI 组件库。

20 / 20

forgeui.in
ForgeUI preview
ForgeUI组件库带动效的 React 与 Tailwind 组件，还配有现成模板，帮你更快搭建界面。
beui.dev
beUI preview
beUI组件库用 Tailwind CSS 设计样式的动效 React 组件，加快界面开发。
daisyui.com
daisyUI preview
daisyUI组件库一套扩展 Tailwind CSS 的组件类库，让样式编写更快。
flyonui.com
FlyonUI preview
FlyonUI组件库语义化的 Tailwind CSS 组件，可直接搭配最新的 Tailwind v4 使用。
tailgrids.com
TailGrids preview
TailGrids组件库响应式 UI 模块，助你用 Tailwind CSS 快速拼搭页面。
flowbite.com
Flowbite preview
Flowbite组件库一个基于 Tailwind CSS 的大型组件库，用于界面开发。
hyperui.dev
HyperUI preview
HyperUI组件库免费开源的 UI 组件，可复制到你的 Tailwind CSS 项目中。
preline.co
Preline UI preview
Preline UI组件库适合搭建复杂仪表盘界面的 Tailwind CSS 组件。
floatui.com
Float UI preview
Float UI组件库专为营销网站拼搭页面打造的 Tailwind CSS 组件。
merakiui.com
Meraki UI preview
Meraki UI组件库内置从右到左语言支持的 Tailwind CSS 组件。
headlessui.com
Headless UI preview
Headless UI组件库由 Tailwind Labs 团队打造的无样式、无障碍 UI 组件。
velora.colorlib.com
Velora UI preview
Velora UI组件库一套免费的 Tailwind CSS 组件和预制页面区块，可随取随用。
lightswind.com
Lightswind preview
Lightswind组件库带光照与辉光效果的 Tailwind CSS 组件，打造吸睛的 UI。
reverseui.com
Reverse UI preview
Reverse UI组件库一个用 React 和 Tailwind CSS 搭建界面的组件库。
tailark.com
Tailark preview
Tailark组件库面向营销网站搭建的 Tailwind CSS 页面区块与组件。
ui-layouts.com
UI Layouts preview
UI Layouts组件库整页布局与 hero 区块，可用 Tailwind CSS 直接拼搭。
bearnie.dev
Bearnie preview
Bearnie组件库专为 Astro 打造、用 Tailwind CSS 设计样式的 UI 组件集。
skiper-ui.com
Skiper UI preview
Skiper UI组件库可用 Tailwind CSS 组合与设计样式的动画 UI 基础组件。
great-ui.com
Great UI preview
Great UI组件库用 React 构建、Tailwind CSS 设计样式的可复制粘贴组件。
pinui.xyz
Pin UI preview
Pin UI组件库用 React 和 Tailwind CSS 构建、风格独特的可复制粘贴组件。
20 个最佳 Tailwind 组件库（2026） — Designeer