Tailwind CSS

Tailwind与Bootstrap，Foundation或Bulma等框架不同，因为它不是UI套件。

免费应用
Self-Hosted
CSS

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

tailwind-css