Tailwind CSS- 快速 UI 开发 CSS 框架

Tailwind CSS- 快速 UI 开发 CSS 框架

Tailwind 是一个用于快速 UI 开发的实用工具集 CSS框架，设计理念是以实用为先，它提供了高度可组合的应用程序类，可帮助开发者轻松构建复杂的用户界面。它还提供了一个从实用模式中提取组件的工具，响应式风格可以满足不同设备上的开发。

与Bootstrap、Foundation或 Bulma 等框架不同，Tailwind CSS 并不是 UI套件，因为它没有没有内置的 UI 组件，也没有默认的主题，完全需要开发者根据自身情况来定制设计。

Tailwind 仅仅是一个 CSS 框架，它还是构建设计系统的引擎。

const colorPalette = {  // ...  'grey-lighter': '#f3f7f9',  // ...}module.exports = {  // ...  backgroundColors: colorPalette,  borderColors: {    default: colorPalette['grey-lighter'],    ...colorPalette,  },  // ...}

示例：

下面是一个用 Tailwind 构建联系人卡片组件的例子，无需写一行 CSS ：

                        Adam Wathan