Tailwind CSS 的替代品有哪些？

本站整理了 6 个替代品，例如 daisyUI、shadcn/ui、shadcn/vue、Bootstrap中文网。

Tailwind CSS官网 - 工具类优先的 CSS 框架

工具类优先的 CSS 框架，用 flex、pt-4 这类原子类直接在 HTML 里拼出界面，靠 md:、dark: 前缀处理响应式与夜间模式，适合用 React、Vue 做项目的前端开发者快速搭页面。

Tailwind CSS 是一个 CSS 框架，但和 Bootstrap 那类提供现成按钮、卡片的框架不同，它给的是一堆原子类：flex、pt-4、text-center、rotate-90。你在 HTML 的 class 里把这些类组合起来，就能拼出想要的界面，不必另开一个 CSS 文件写选择器。官方那句口号说得很直白——只写 HTML，不写 CSS。

主要功能

工具类覆盖布局、间距、排版、颜色、边框、阴影、变换等常见需求，需要什么就加什么类，不用为每个组件起语义化类名。响应式靠前缀实现，比如 md:flex 表示中等屏幕以上才横向排列；夜间模式用 dark: 前缀，同一套标记里写两套配色。样式复用可以配合组件化框架把类抽成组件，文档里也讲了用 @apply 提取公共样式的做法。编辑器有对应的智能提示插件，输入类名时会补全。

适合谁

适合已经会写 HTML 和 CSS、想加快页面搭建速度的前端开发者，尤其是用 React、Vue 这类组件框架做项目的团队。它不提供成品组件，只提供拼装材料，所以对完全不想碰样式代码的人帮助有限。

中文文档与限制

这个站是 Tailwind CSS 的中文文档站，界面为中文，内容对应官方文档的安装、工具类优先、响应式设计、样式重用、夜间模式等章节，并链接到 GitHub 仓库。用之前要知道：类名会大量堆在 HTML 里，初次接触的人常觉得标签很长；它也不是零配置，项目里仍要按文档接入构建流程。费用与是否需要登录，材料中未说明。