500多个Tailwind CSS构建响应式HTML|React|Vue网页UI组件Tailwind 2.0（2022.03.08更新）

超过 500 多个经过专业设计、完全响应、专业制作的组件示例，您可以将其放入 Tailwind 项目中，并根据自己的喜好进行定制。通过查看我们的免费预览组件或浏览您最感兴趣的类别中的所有示例开始。

全套完整版内容，包括所有Application UI组件、所有市场营销组件、所有电子商务组件。

500 多个示例

设计精美、制作精良的组件遵循所有可访问性最佳实践并且易于定制。

React、Vue 和 HTML

由Headless UI提供支持的 React 和 Vue 的可访问、交互式示例，如果您愿意自己编写任何必要的 JS，还可以加上 vanilla HTML。

完全响应

每个示例都是完全响应的，并且经过精心设计和实施，在任何屏幕尺寸下看起来都很棒。

官网演示地址：https://tailwindui.com/

Tailwind UI 使用什么 JS 框架？

Tailwind UI 中的所有示例都以三种格式提供：React、Vue 和 vanilla HTML。

React 和 Vue 示例功能齐全，开箱即用，并由Headless UI提供支持——我们设计的一个无样式组件库可与 Tailwind CSS 完美集成。Headless UI 同时支持 React 和 Vue 3，但不兼容 Vue 2。

普通 HTML 示例不包含任何 JavaScript，并且是为喜欢自己编写任何必要的 JavaScript 的人设计的。

大多数组件根本不依赖 JS，但是对于那些依赖 JS 的组件（下拉菜单、模态框等），我们在 HTML 中提供了一些简单的注释来解释诸如您需要为不同状态使用哪些类（例如切换开关的打开或关闭），或者我们推荐哪些类用于将元素切换到屏幕或从屏幕切换（例如模式打开）。

使用什么版本的 Tailwind CSS？

Tailwind UI 支持哪些浏览器？

我可以将 Tailwind UI 用于我自己的商业项目吗？

我可以在开源项目中使用 Tailwind UI 吗？