为您的下一个项目提供免费的 Tailwind 组件。

Tailwind UI是一个精美的 UI 组件库，只需几分钟即可创建精美的网站。它拥有超过 400 个专业设计、完全响应式、精心制作的组件示例，您可以将它们添加到您的 Tailwind 项目中，并根据自己的喜好进行自定义。

但是如果您想在个人或客户项目中使用它，  购买整个组件库至少需要花费大约 149 美元（对于刚开始 Web 开发的开发人员来说，这是一笔不小的数目） 。

在这篇博文中，我列出了免费的 Tailwind 组件库，您可以在项目中使用它来快速轻松地创建漂亮的网站。

动图

附言：如果您有一些现金可以花，或者您是一位收入 6 位数的开发人员🚀🚀，请考虑购买由 TAILWIND CSS 官方开发人员制作的 tailwind UI。

风向用户界面

为您的下一个 Web 应用提供响应式 HTML 和 React 组件。我们不断扩展的组件、元素和示例页面库，让您的 Tailwind 应用更加流畅、开发速度更快。

价格：免费

顺风套件

Tail-kit 为您提供超过 250 个基于 Tailwind CSS 2.0 的免费组件和模板。它们均兼容 React、VueJS 和 Angular 应用程序。

价格：免费

Lofi 用户界面

可复用、可重构的组件，专为黑客攻击而设计。从这里开始，添加你自己的风格，打造精彩作品。

价格：免费

梅拉基用户界面

美丽的 Tailwind CSS 组件支持 RTL 语言，基于 Flexbox 和 CSS Grid 完全响应，具有优雅的暗模式。

价格：免费

温斯特拉普

Tailwind CSS 与 Bootstrap JS

价格：免费

帆用户界面

如果您已经在使用 Tailwind，并且发现自己为每个项目重复创建一些常见的组件类，那么 Sail UI 就适合您。

该软件包为您提供了一些基本组件，以便您可以在开始完善完全定制的设计之前开始构建原型/草稿/ MVP。

价格：免费

Tailwind 组件

开源 Tailwind UI 组件和模板来引导您的新应用程序、项目或登陆网站！

价格：免费

特雷克特

使用 TailwindCSS 构建的现代 React UI 模板和组件，易于定制，轻量级且易于设置。所有组件均为模块化设计，并完全响应式设计，可提供出色的移动体验以及桌面大屏幕体验。品牌颜色也完全可自定义。个人和商业用途均可免费使用。

价格：免费

Kitwind Kometa UI 套件

它包含超过 130 个部分，使用 TailwindCSS 构建，适合您的精彩项目。

所有部分均完全响应式，并支持 HTML、  VueJS和 React。您可以在无限的个人和商业项目中使用它们。

价格：免费

尾块

该项目提供了多个使用 Tailwind CSS 构建的块，您可以在自己的项目中使用它们。该项目不是您添加到项目中的依赖项，而是为您提供了 HTML，您可以轻松复制并粘贴到自己的项目中。

价格：免费

Tailwind 工具箱

开源入门模板和组件、方便的构建套件、生成器、插件和有用工具的目录，可启动您的 Tailwind CSS 项目。

价格：免费

主题.dev

精心打造的主题和组件，助您开启下一个项目。采用您喜爱的 Tailwind CSS 框架编写。节省时间和成本。

价格：免费4件装。

Mamba 用户界面

Mamba UI 是一个基于 Tailwind CSS 的免费开源 UI 组件和模板集合。

价格：免费

库蒂

Kutty 是一款用于构建 Web 应用程序的 Tailwind 插件。它包含一组在 Web 应用程序中常用的可访问且可重用的组件。

价格：免费

雏菊用户界面

使用组件类清理 HTML

可定制和主题化

纯 CSS，无依赖

价格：免费

邪恶方块

为您的下一个项目准备好顺风 CSS 块。

价格：免费

无头用户界面

完全无样式、完全可访问的 UI 组件，旨在与 Tailwind CSS 完美集成。由 Tailwind CSS 开发者打造。

价格：免费

尾格栅

即用型 Tailwind CSS UI 组件、区块、区块和模板。从 300 多个丰富的 UI 组件中进行选择，复制粘贴 UI 组件代码，即可快速构建您专属的 Web 应用用户界面、落地页、网站或模板。

价格：免费增值

Flowbite

FlowBite 是一个开源的 UI 元素库，基于实用优先的 CSS 框架 Tailwind，由 Themesberg 设计和编码，可在 Figma 和 Web 组件中使用。

它包括网站所需的所有常用组件，例如按钮、下拉菜单、导航栏、模式，以及一些更高级的交互元素，例如日期选择器。

价格：免费

TAILWIND 入门套件

Tailwind Starter Kit 是免费开源的。它不会更改或添加任何 TailwindCSS 的 CSS 代码。它包含多个 HTML 元素，并附带适用于 ReactJS、Vue 和 Angular 的动态组件。

价格：免费

Tailwind UI 套件

使用易于访问、响应迅速、即插即用的 Tailwind CSS 组件，打造引人入胜的体验，并加速您的工作流程。免费试用 250 个组件

价格：免费增值

超级用户界面

HyperUI 是一个免费的开源 Tailwind CSS 组件库。您可以前往您喜欢的组件集合，例如页脚，从这里您可以查看 sm、md 和 lg+ 断点处的所有组件。如果您找到了喜欢的，那就太好了！🥳

只需单击📋复制按钮，然后将 HTML 粘贴到您的项目中。

价格：免费

帖子来源

Tailwind CSS 组件合集，人人可用。浏览所有适合您项目的组件。

价格：免费

Tailwind Elements - 使用 Tailwind CSS 重新创建的 Bootstrap 组件

使用 Tailwind CSS 重新创建的 Bootstrap 组件，但设计更好，功能更多。

500+ UI 组件
超级简单，1 分钟安装
免费托管
MIT 许可证 - 个人和商业用途免费

价格：免费

组件世界

适用于任何项目的庞大 Tailwind 组件库

价格：免费

Tailwind 组件 - Github 仓库

在互联网上找到的 tailwind 组件的集合，并添加到一个存储库中。

价格：免费

浮动用户界面

使用美观、响应迅速的 UI 组件和具有现代设计的网站模板更快地移动，100% 免费且开源。

价格：免费

风用户界面

精心制作、响应迅速、易于访问的 React 和 HTML 组件，可直接用于您的网站或应用。只需复制粘贴到您的 Tailwind CSS 项目中即可。

价格：免费

Preline 用户界面

Preline UI 是一组基于实用优先的 Tailwind CSS 框架的开源预构建 UI 组件。

价格：免费

Aceternity 用户界面

复制粘贴最流行的组件并在您的网站中使用它们，而不必担心样式和动画。

价格：免费

FlyonUI

FlyonUI 是一个开源的 Tailwind CSS 组件库，具有语义类和强大的 JS 插件。

价格：免费

在我的博客https://blog.webdrip.in上获取更多类似的见解。