# Tailwind CSS

一款实用工具优先的 CSS 框架，提供丰富的类，可直接在标记中构建任意设计，帮助快速创建现代网站，同时让 HTML 整洁且易于维护。

[Website](https://tailwindcss.com) [GitHub](https://github.com/tailwindlabs/tailwindcss) [npm](https://npmjs.com/package/tailwindcss)

Tailwind CSS 是一款实用优先的 CSS 框架，让开发者可以直接在 HTML 中构建现代网站。

它提供了大量预定义类，包括 flex、pt-4、text-center 和 rotate-90，让用户能够高效地创建各种设计。

该框架因能在大型团队中扩展使用且易于自定义而广受认可，因此可适配各种设计风格。精简的构建体积可确保出色的性能，也让它成为开发者的热门选择。它采用实用优先的思路，摒弃传统的语义化类名，大幅提升了可维护性和工作效率。

Tailwind CSS 提供了一套完整的解决方案，帮助轻松构建 UI 统一的网站。其自动清理生产环境中未使用 CSS 的功能，有助于将最终打包体积控制在通常低于 10kB。

此外，Tailwind CSS 采用纯 CSS，因此可以与任何网络开发框架顺畅集成。持续改进和稳定维护也让它保持可靠，并紧跟当下需求。

## 功能

- 实用优先的 CSS 框架
- 高度可自定义，适配各种设计
- 移除未使用的 CSS，缩小构建体积
- 可与任何网络开发框架集成
- 支持响应式设计
- 支持深色模式
- 通过 tailwind.config.js 自定义设计系统
- 借助 Tailwind CSS IntelliSense 实现一流的 IDE 集成
- 通过 Tailwind UI 提供数百个可直接使用的 UI 组件

## 详情

**GitHub 个星标**

83.7K

**NPM 下载量**

11.0M/周

**最新版本**

3.4.16

**创建时间**

Oct 6, 2017

**更新时间**

Dec 6, 2024

**许可证**

MIT License

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20KickstartUI%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=kickstartui)

## 相关项目

### [ChakraUI](https://kickstartui.com/zh/details/chakra-ui/)

借助一套强大、易用且高度可定制的基础组件，快速高效地创建无障碍 Web 应用。

**GitHub 个星标**

38.1K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Master CSS](https://kickstartui.com/zh/details/master-css/)

这款创新产品改变了 CSS 的编写和应用方式，将简洁性与性能融为一体，助力高效的网页设计与开发。

**GitHub 个星标**

1.8K

**更新时间**

Dec 5, 2024

**许可证**

MIT License

### [UnoCSS](https://kickstartui.com/zh/details/unocss/)

这是一款功能强大且可自定义的引擎，帮助开发者快速构建设计，不受传统 CSS 框架的常见限制。

**GitHub 个星标**

16.8K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [emotion](https://kickstartui.com/zh/details/emotion/)

体验一种全新的 JavaScript 样式编写方式，兼顾创意与效率。

### [styled-components](https://kickstartui.com/zh/details/styled-components/)

一款功能强大的库，让你能够在 JavaScript 中使用 CSS，为组件轻松设置样式。

**GitHub 个星标**

40.6K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [StyleX](https://kickstartui.com/zh/details/stylex/)

该库采用精简的样式设置方式，通过原子化样式兼顾效率与可维护性。

**GitHub 个星标**

8.4K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Skeleton](https://kickstartui.com/zh/details/skeleton/)

一款灵活且符合无障碍要求的工具包，助力开发现代 Web 应用。

**GitHub 个星标**

228

**更新时间**

Dec 26, 2023

**许可证**

MIT License

### [Tamagui](https://kickstartui.com/zh/details/tamagui/)

这款库为使用 React 和 React Native 构建 UI 提供了强大方案，兼顾效率与灵活性。

**GitHub 个星标**

11.7K

**更新时间**

Dec 6, 2024

**许可证**

MIT License