超过 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 吗?

是的!只要您正在构建的是某种实际网站,而不是衍生组件库、主题构建器或其他主要目的显然是重新打包和重新分发我们的组件的产品,那么该项目完全可以开源.

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源