超过 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 CSS v2.0 和 Tailwind CSS v3.0 设计。
我可以将 Tailwind UI 用于客户项目吗?
是的!您基本上可以将 Tailwind UI 用于任何事情——我们唯一不允许的是使用它来创建衍生的竞争产品。
Tailwind UI 支持哪些浏览器?
Tailwind UI 中的组件设计用于所有主流浏览器的最新稳定版本,包括 Chrome、Firefox、Safari 和 Edge。
我们不支持 Internet Explorer 11。
我可以将 Tailwind UI 用于我自己的商业项目吗?
绝对地!允许您构建任意数量的自己的项目,无论是简单的公共网站还是最终用户需要付费才能访问的 SaaS 应用程序。
我可以在开源项目中使用 Tailwind UI 吗?
是的!只要您正在构建的是某种实际网站,而不是衍生组件库、主题构建器或其他主要目的显然是重新打包和重新分发我们的组件的产品,那么该项目完全可以开源.