Tailwind CSS

Tailwind CSS

Tailwind与Bootstrap,Foundation或Bulma等框架不同,因为它不是UI套件。
Tailwind与Bootstrap,Foundation或Bulma等框架不同,因为它不是UI套件。它没有默认主题,也没有内置的UI组件。另一方面,对于您的网站外观,它也没有意见,也没有强加必须撤消的设计决策。如果您正在寻找一个框架,该框架带有用于构建您的网站的预先设计的小部件菜单,则Tailwind可能不是适合您的框架,这就是为什么我们有一些替代方案的原因。但是,如果您想以自己的身份开始实施定制设计,那么Tailwind可能正是您想要的。实用程序优先创建用于构建自定义UI的框架意味着您无法在常规级别的按钮,表单,卡片,导航栏等上提供抽象。相反,Tailwind提供了高度可组合的低级实用程序类,这些类易于构建复杂的用户界面,而又不鼓励任何两个站点看起来相同。组件友好虽然仅使用实用程序类可以做很多事情,但有时组件类是正确的决定。Tailwind提供了用于从重复的实用程序模式中提取组件类的工具,从而使从一个位置轻松更新组件的多个实例成为可能。对核心的响应每个Tailwind实用程序还具有响应风格,使构建响应界面非常容易,而无需离开HTML。Tailwind使用直观的{screen}:前缀,可以轻松注意到标记中的响应类,同时保持原始类名可识别和完整。设计为可自定义如果可以自定义,Tailwind可让您对其进行自定义。这包括颜色,边框大小,字体粗细,间距实用程序,断点,阴影以及更多其他内容。Tailwind用PostCSS编写并用JavaScript配置,这意味着您唾手可得真正的编程语言的全部功能。Tailwind不仅仅是CSS框架,它还是创建设计系统的引擎。
tailwind-css

特征

分类目录

Self-Hosted版Tailwind CSS的替代品

Bootstrap

Bootstrap

Bootstrap是用于创建浏览器网站和应用程序的开源工具集合。
Bulma

Bulma

基于Flexbox的现代CSS框架。
Slides Framework

Slides Framework

幻灯片是一个简单而强大的HTML和CSS框架,借助灵活的模块化设置,您可以轻松构建漂亮的静态网站。
Gridlex

Gridlex

简单。强大的。反应灵敏。灵活。Gridlex基于Flexbox(CSS灵活框布局模块),是一个非常简单的CSS网格系统,可快速创建现代布局和子模块。
GroundworkCSS

GroundworkCSS

GroundworkCSS是100%免费和开放源代码的HTML5,CSS和JavaScript框架。
Spectre.css

Spectre.css

轻巧,响应迅速的现代CSS框架,可实现更快,可扩展的开发。
Element UI

Element UI

Element,一个基于Vue 2.0的组件库,面向开发人员,设计人员和产品经理。
Picnic CSS

Picnic CSS

打开您的饭菜包装并获取编码。一个侵入性的CSS库,以开始您的样式。
mini.css

mini.css

Mini.css是一个最小的开源CSS框架(压缩后压缩为7KB),具有响应能力并且与样式无关。
Milligram

Milligram

Milligram提供了最少的样式设置,以实现快速,干净的起点。
yeti.css

yeti.css

yeti.css是一个由轻量级,可重用模块组成的模式库。它旨在反映&yet的视觉和品牌指导原则。
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced具有许多您熟悉和喜爱的布局功能,但是通过更好的移动定位,自定义列顺序,更好的对齐方式来改进它们。
Blaze CSS

Blaze CSS

开源模块化CSS框架为快速构建网站提供了良好的结构。
Flexbox Grid

Flexbox Grid

基于flex显示属性的网格系统。
Basis

Basis

干净的代码开发======================