Tailwind CSS

Tailwind CSS
软件描述
Tailwind 与 Bootstrap、Foundation 或 Bulma 等框架不同,它不是一个 UI 套件。
官方网站
访问软件的官方网站了解更多信息
tailwindcss.com
什么是 Tailwind CSS?
Tailwind 与 Bootstrap、Foundation 或 Bulma 等框架不同,它并非一个 UI 套件。
它没有默认主题,也没有内置的 UI 组件。
另一方面,它也不对你的网站外观做出任何规定,不会强制你执行需要费力推翻的设计决策。
如果你希望使用一个自带预设组件库来构建网站的框架,Tailwind 可能并不适合你,这也是我们提供一些替代方案的原因。
但如果你希望在实现具有独特风格的自定义设计时获得巨大优势,Tailwind 正是你所需要的。
以实用类为先
为构建自定义 UI 而设计的框架,无法在按钮、表单、卡片、导航栏等常规层级上提供抽象。
相反,Tailwind 提供高度可组合的底层实用类,让你轻松构建复杂用户界面,同时避免让两个网站看起来雷同。
组件友好
虽然仅用实用类就能完成大量工作,但有时组件类才是正确选择。
Tailwind 提供工具,可从重复的实用类模式中提取组件类,从而实现通过一处修改即可更新多个组件实例。
核心响应式
Tailwind 的每个实用类都支持响应式变体,让你无需离开 HTML 即可轻松构建响应式界面。
Tailwind 使用直观的 {screen}: 前缀,使你在标记中能轻易识别响应式类,同时保持原始类名清晰可辨且完整不变。
专为可定制而设计
若某项内容适合自定义,Tailwind 就允许你进行自定义。
这包括颜色、边框大小、字体粗细、间距工具、断点、阴影等众多方面。
Tailwind 基于 PostCSS 编写,通过 JavaScript 配置,意味着你可以直接调用真正编程语言的全部能力。
Tailwind 不仅仅是一个 CSS 框架,更是一个创建设计系统的引擎。
🔄 替代方案
106 个选择400多个Material UI元素,600多个Material图标,74个CSS动画,SASS文件,模板,教程等更多内容。个人和商业用途均可免费使用。

Oxbow UI
免费和付费组件、元素及布局 采用 Tailwind CSS 精心设计——简洁易用,轻松自定义。

Reactstrap
与一些组件库不同,Reactstrap 不包含自己的样式,而是依赖 Bootstrap CSS 框架来提供样式和主题。这使得您在基于 React 的组件和网站的静态部分之间能够保持一致的样式,并且……

Material Components for the Web
Material Components for the web (MDC Web) 帮助开发者实现 Material Design。由 Google 的核心工程师和 UX 设计师团队开发,这些组件可实现可靠的开发工作流程,用于构建美观且功能完善的网络项目。

Pixel Lite Bootstrap UI Kit
Pixel Lite Bootstrap 4 UI 套件是一款基于 Bootstrap 4 组件精心设计的 UI 套件。该主题遵循 Bootstrap 的方法论用心打造,包含 100 个组件、3 个插件和 3 个示例页面。

Creative Tim
Creative Tim 提供了一系列基于 Bootstrap 框架设计的元素,旨在加速您的网页开发流程。该平台涵盖从简单插件到完整套件的各种资源,满足各类开发需求……




