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

特征

分类目录

Web版Tailwind CSS的替代品

Foundation

Foundation

Foundation是一个易于使用,功能强大且灵活的框架,用于在任何类型的设备上构建快速的原型和生产代码。
  • 免费应用
  • Web
Bulma

Bulma

基于Flexbox的现代CSS框架。
UIkit

UIkit

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

Materialize

Materialize是基于Google Material Design的现代响应式CSS框架
  • 免费应用
  • Web
jQuery Mobile

jQuery Mobile

基于坚如磐石的jQuery和jQuery UI基础,适用于所有流行移动设备平台的基于HTML5的统一用户界面系统。
Skeleton

Skeleton

Skeleton是CSS和JS文件的一个小集合,可以帮助您快速开发任何尺寸的漂亮站点,无论是17英寸笔记本电脑屏幕还是iPhone。
  • 免费应用
  • Web
Purecss

Purecss

一组小型的自适应CSS模块,您可以在每个Web项目中使用。
  • 免费应用
  • Web
Metro UI CSS

Metro UI CSS

Metro UI CSS一组样式来创建具有类似于Windows 8的界面的网站。
HTML KickStart

HTML KickStart

HTML KickStart是一组超精简的HTML5,CSS和jQuery(javascript)文件,布局和元素,旨在为您提供领先的起点,并为您的下一个工作节省大量时间。
  • 免费应用
  • Web
Gridlex

Gridlex

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

GroundworkCSS

GroundworkCSS是100%免费和开放源代码的HTML5,CSS和JavaScript框架。
metro-bootstrap

metro-bootstrap

来自Twitter的具有Metro风格的简单引导程序。
Spectre.css

Spectre.css

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

Element UI

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

Topcoat

Topcoat是一个全新的开源CSS库,旨在帮助开发人员构建注重速度的Web应用程序。