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

特征

分类目录

具有任何许可的所有平台的Tailwind CSS替代品

Golden Grid System

Golden Grid System

用于响应式网页设计的网格系统。包括折叠柱,弹性排水沟,可缩放的基线网格和令人愉悦的网格覆盖脚本。
  • 免费应用
  • Web
320 and Up

320 and Up

“小屏幕优先”响应式样板。
  • 免费应用
  • Web
Less Framework

Less Framework

Less Framework是用于设计自适应网站的CSS网格系统。它包含4个布局和3组印刷预设,全部基于单个网格。
  • 免费应用
  • Web
yeti.css

yeti.css

yeti.css是一个由轻量级,可重用模块组成的模式库。它旨在反映&yet的视觉和品牌指导原则。
960 Grid System

960 Grid System

960网格系统旨在通过提供基于960像素宽度的常用尺寸来简化Web开发工作流程。
Sassy-validation

Sassy-validation

Sassy-validation是一个Sass数据类型验证库,请验证输入的数据或根本不使用Sass!
Wee

Wee

轻量级的前端框架,用于逻辑上构建复杂的响应式Web项目。
  • 免费应用
  • Web
inuit.css

inuit.css

inuit.css是一个轻量级的,不断更新的CSS框架,它为您的所有项目提供了务实且功能丰富的起点。
  • 免费应用
  • Web
Flexbox Grid

Flexbox Grid

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

Backstretch

Backstretch是一个简单的jQuery插件,可让您将动态调整大小的,具有幻灯片显示功能的背景图像添加到任何页面或元素。
Frameless

Frameless

挖掘响应式设计?讨厌流体网格?尝试无框网格。
  • 免费应用
  • Web
SimpleGrid

SimpleGrid

反应灵敏。无限嵌套。每个元素一个类。简单。
  • 免费应用
  • Web
Fluid 960 Grid System

Fluid 960 Grid System

Fluid 960网格系统模板是基于Nathan Smith及其960网格系统的工作,使用MooTools和jQuery JavaScript库的效果构建的。
Foldy960

Foldy960

Foldy960-Pvel方式的960网格的响应版本!
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic是流体网格系统,是960网格系统的后继系统。