选择您的语言

主页 arrow-right ... arrow-right 开发软件 arrow-right Tailwind CSS

我们整理了一个包含72个免费和付费的Tailwind CSS替代方案的列表。主要竞争对手包括:BootstrapSemantic UI。除了这些之外,用户还会将Tailwind CSS与FoundationBulmaUIkit进行比较。此外,您还可以在这里查看其他类似的选项:开发软件


Bootstrap
Free Open Source

HTML·CSS样板·浏览器站点和应用程序的模板

语义通过为UI创建共享词汇来赋予设计人员和开发人员权力。

Foundation
Free Open Source

Foundation是一个易于使用,功能强大且灵活的框架,用于构建快速的原型和...

Bulma
Free Open Source

基于Flexbox的现代CSS框架

UIkit
Free Open Source

一个轻量级的模块化前端框架,用于开发快速而强大的Web界面。

yeti.css
Free Open Source

&yet用Stylus编写的轻量级模块化模式库。

Skeleton
Free Open Source

Skeleton是CSS和JS文件的一小部分集合,可以帮助您快速开发可...

实用程序优先的CSS框架,用于快速UI开发

Tailwind CSS 概览

Tailwind与Bootstrap,Foundation或Bulma等框架不同,因为它不是UI套件。
它没有默认主题,也没有内置的UI组件。
另一方面,它也没有关于您的网站外观的意见,也没有施加必须撤消的设计决策。

如果您正在寻找一个框架,该框架带有可用来构建您的网站的预先设计的小部件菜单,则Tailwind可能不是适合您的框架,这就是为什么我们有一些替代方案的原因。
但是,如果您想以自己的身份开始实施自定义设计,那么Tailwind可能正是您想要的。

效用优先

创建用于构建自定义UI的框架意味着您无法在常规级别的按钮,表单,卡片,导航栏等上提供抽象。
取而代之的是,Tailwind提供了高度可组合的低级实用程序类,这些类可以轻松构建复杂的用户界面,而无需鼓励任何两个站点看起来相同。

组件友好

尽管仅使用实用程序类可以做很多事情,但是有时候组件类是正确的决定。
Tailwind提供了用于从重复的实用程序模式中提取组件类的工具,从而可以轻松地从一个位置更新组件的多个实例。

响应核心

每个Tailwind实用程序还具有响应式风格,这使得构建响应式界面非常容易,而无需离开您的HTML。
Tailwind使用直观的{screen}:前缀,可以轻松注意到标记中的响应类,同时保持原始类名可识别和完整。

设计可定制

如果可以自定义有意义,则可以使用Tailwind对其进行自定义。
这包括颜色,边框大小,字体粗细,间距实用程序,断点,阴影以及更多其他内容。
Tailwind用PostCSS编写并用JavaScript配置,这意味着您唾手可得真正的编程语言的全部功能。
Tailwind不仅是CSS框架,还是创建设计系统的引擎。

Tailwind CSS 特点

tick-square CSS framework

最佳Tailwind CSS替代方案

分享您对软件的看法,留下评论,帮助使其变得更好!

Tailwind CSS 类别

开发软件

Tailwind CSS 标签

responsive-web-design web-development css web-design

建議更改

你的反馈

选择评级
请选择评级

Your vote has been counted.

Do you have experience using this software?