去年一前端合作的时候,不知道抽什么风非要用tailwindcss。
项目用是可以用但是你非要all in tailwindcss。。。,还说一开始写着不舒服,之后就好了,还想把我之前写的css module 全部替换成这玩意!
这是项目十多人协作的项目而且项目需要经常迭代,不是简单的组件更新还有业务需求变更,这是我们的主要核心赚钱的项目,之后随着需求的增加,会做的更加复杂......
看到之后他做的官网完全使用tailwindcss我也没说什么,至少场景复合
由于当时这东西(tailwindcss) 什么划时代的东西,我呸麻痹的现在好了,没有一个大厂收购你这垃圾玩意,学不好这还觉得你与前沿技术脱轨了,看了官方文档也就那样。
当时早就看出来原子css,在过去的工作经历当中也在项目整体设计过这种原子css,很清楚它的定位和价值。
没过几个月这同事离职了,这一直迭代的项目搞得一言难尽
所以就写一篇文章来说一下这个玩意
在过去几年,Tailwind CSS 几乎成了前端圈的“显学”。
教程、模板、UI 库、Next.js、shadcn/ui、AI 生成代码,几乎全部默认使用 Tailwind。
一度给人的感觉是:
“不会 Tailwind,好像都跟不上时代了。”
但如果你认真观察最近两年的真实工程实践,会发现一个非常明显的变化:
- 在真正赚钱的系统中,它很少作为核心样式体系
- 在长期维护项目中,它越来越多被边缘化
- 在大厂体系里,它几乎从未成为主流规范
这篇文章,我尝试从技术周期、工程视角、公司规模、项目类型、商业价值多个维度,冷静复盘:
- Tailwind 当年为什么那么火
- 它真正解决了什么问题
- 又解决不了什么问题
- 它在不同类型项目中的真实价值
- 以及:为什么真正有架构思维的人,对它普遍并不“感冒”
一、Tailwind 当年为什么能这么火?
先说结论:
Tailwind 的成功,是一次“场景红利 + 社区营销 + 技术情绪”叠加的典型案例。
1. 正好踩中“组件化 + React 全面普及”阶段
在 Tailwind 流行之前,前端普遍面临几个痛点:
- CSS 文件大量堆积
- BEM / 命名规范复杂
- 样式与组件割裂
- 样式复用困难
React 组件化之后,大家天然希望:
“样式能不能直接写在组件里?”
Tailwind 完美迎合了这个需求。
2. 完美匹配初创公司 / 独立开发 / MVP 场景
Tailwind 最适合的,其实是一类非常明确的项目:
- SaaS 初创
- MVP 验证
- 模板产品
- 独立开发者
- 试错项目
这些项目的核心诉求是:
- 开发速度第一
- 架构无所谓
- 维护周期短
- 可能三个月就下线
Tailwind 在这类场景中:
- 几乎不需要设计体系
- 不需要抽象
- 不考虑长期维护
- UI 快速成型
自然好评极高。
3. 社区营销极其成功(这是关键因素)
这是很多人低估的一点。
Tailwind 团队在:
- 博客内容
- 设计审美
- Demo 展示
- 模板生态
- 与 Next.js 绑定
方面,几乎是教科书级别。
再加上:
- shadcn/ui
- Vercel 生态
- AI 默认生成 Tailwind
很快形成一种错觉:
“这是不是新一代前端标准?”
但需要注意的是:
这是“社区流行度”,不是“工业主流度”。
4. 成功利用了“反传统 CSS 情绪”
当年社区对 CSS 普遍有情绪:
- 讨厌命名
- 讨厌样式文件
- 讨厌规范
- 讨厌层级
Tailwind 的核心口号是:
“Forget naming things.”
这句话非常有杀伤力。
它解决的并不是技术问题,而是:
❗ 工程师的心理负担问题
这在传播层面非常容易爆炸。
二、随着时间推移,真实工程问题开始系统性暴露
当 Tailwind 从:
- Demo
- 模板
- 小项目
进入:
- 中型项目
- 多人项目
- 长期项目
- 组件库
- 多主题系统
问题开始不可避免地出现。
问题 1:可读性与维护性快速下降
真实项目中,class 很快演变成:
- class 爆炸
- diff 噪声极大
- review 成本高
- 组件结构被样式淹没
最终几乎所有团队都会:
- 抽组件
- 再包一层
- 引入语义 class
- 引入 CSS / styled
也就是说:
Tailwind 最终往往会回到它一开始试图“消灭”的模式。
问题 2:二次迭代成本远高于传统体系
当项目出现:
- 改版
- 换主题
- 设计系统升级
- UI 统一
你会发现:
- 没有集中控制点
- 批量替换困难
- 自动化迁移极难
而成熟系统最重要的能力是:
❗ 低成本迭代
❗ 可控升级
这是 Tailwind 天然不擅长的领域。
问题 3:与设计系统体系天然不匹配
成熟产品最终都会走向:
- Design Token
- 语义组件
- 多主题
- 多产品线
而 Tailwind 本质是:
- 物理层工具
- 语义弱
- 架构层级低
它适合:
写样式
而不适合:
管理样式体系
这决定了它很难成为核心基础设施。
三、不同类型公司 / 项目中,Tailwind 的真实价值定位
这是最关键的部分。
1. 大厂(互联网 / 金融 / 交易所 / 平台型公司)
大厂普遍特点:
- 有成熟设计系统
- 有组件体系
- 有主题系统
- 有多产品线
- 生命周期 5–10 年
在这种体系中:
- 样式是资产
- 规范是壁垒
- 统一性是核心竞争力
结论非常明确:
❗ Tailwind 几乎不可能成为大厂主体系
❗ 最多作为边缘工具或 Demo 使用
事实上:
- 阿里、腾讯、字节、蚂蚁、Meta、Google
- 几乎都有自己的原子类 / Token / 工具链
- 从未把 Tailwind 当作核心方案
2. 中厂(成长型公司 / B 端系统 / 多年产品)
中厂的核心诉求是:
- 稳定
- 可维护
- 可扩展
- 易二次开发
在这类项目中,Tailwind 的常见命运是:
- 初期使用
- 中期开始抽象
- 后期逐步弱化
- 最终只留在局部
很多中厂真实现状是:
Tailwind 只用于局部页面或工具页
核心系统依然回归组件体系 + 设计规范
3. 小厂 / 初创 / 外包 / 独立开发
这是 Tailwind 真正的主战场。
非常适合:
- 快速上线
- 模板项目
- 试错产品
- 一次性交付
在这类场景中:
- 架构不重要
- 维护周期短
- 人员流动大
- UI 可快速拼装
Tailwind 在这里:
✅ 性价比极高
✅ 工程体验很好
✅ 商业价值明显
这也是它生态最繁荣的地方。
4. Demo / 原型 / 推广页面 / 落地页
这是 Tailwind 的黄金领域。
特点:
- 生命周期短
- UI 炫
- 改动频繁
- 复用要求低
在这种场景中:
❗ Tailwind 几乎是最优解
这也是你看到:
- 模板站
- 落地页
- 官网
- 开源 Demo
大量使用 Tailwind 的原因。
5. 经常二次迭代的项目 / 真正赚钱的核心系统
这里是最残酷的现实。
真正赚钱的项目普遍特点:
- 生命周期极长
- 设计体系稳定
- 多团队协作
- 风险极低容忍
这类项目最重要的是:
- 稳定性
- 可控性
- 架构可演进性
在这种项目中:
❗ Tailwind 几乎从不作为核心样式体系
❗ 即便使用,也一定被“包在组件库内部”
它更多是:
辅助工具
而不是:
架构基础
四、为什么真正有架构思维的人,对 Tailwind 普遍“不感冒”?
原因其实很简单。
架构思维关注的从来不是:
- 写得快不快
- 爽不爽
- 类多不多
而是:
- 体系是否可演进
- 成本是否可控
- 是否形成资产
- 是否支撑业务增长
而 Tailwind 的核心特性决定了:
- 它不沉淀设计资产
- 不形成体系壁垒
- 不增强组织能力
- 不降低长期复杂度
它解决的是:
❗ “个人开发效率问题”
而不是:
❗ “组织级工程问题”
这也是为什么:
- 资深工程师
- 架构师
- 技术负责人
对 Tailwind 往往态度是:
“有用,但不重要。”
五、为什么大厂从未收购 Tailwind?他们却还能长期自嗨?
这个问题非常有意思。
1. 它本身没有“核心技术壁垒”
Tailwind 解决的问题是:
- 原子类规范
- 工具生成
- 规则约定
而实际上:
- 原子 CSS 早就存在
- 大厂内部早就有
- 只是从未标准化公开
这类能力:
- 非核心
- 易复制
- 无技术护城河
大厂没有任何收购动机。
2. 它不控制核心链路,也不控制入口
真正有价值的前端资产是:
- 组件体系
- 设计系统
- 渲染引擎
- 平台能力
而 Tailwind:
- 不控制运行时
- 不控制框架
- 不控制平台
- 只是构建期工具
这类产品:
❗ 商业想象空间天然有限
3. “自嗨”的根源:用户群体决定社区氛围
Tailwind 最核心用户群是:
- 独立开发者
- 初创团队
- 模板作者
- 内容创作者
这类群体:
- 传播欲望强
- 展示欲强
- 审美驱动强
- 社区活跃度高
自然形成:
“声量很大,但工业落地很少”的现象
这也是为什么:
- 社区看起来很火
- 但大厂体系几乎无声
六、一个被忽略的事实:原子 CSS 从来不是新问题
其实非常重要的一点是:
原子 CSS 的思想在大厂内部早就存在很多年
只是:
- 各家内部自定义规范
- 内部工具链支持
- 不对外公开
- 不参与社区炒作
所以当 Tailwind 出现时:
- 对大厂来说是“早就有的东西”
- 对社区来说却是“革命性新思想”
这就是信息差。
七、最终冷静结论:Tailwind 的真实历史定位
最后给一个非常冷静、也可能有点残酷的结论。
Tailwind 并不是失败项目
但它的历史定位已经基本确定:
一次非常成功的“效率型工具浪潮”
而不是一次“架构级技术革命”。
它会长期存在。
但:
- 不会成为工业标准
- 不会进入核心系统
- 不会构成技术壁垒
- 不会决定项目成败
它最合适的定位是:
| 场景 | 是否推荐 |
|---|---|
| Demo / 原型 | ✅ 强烈推荐 |
| 落地页 / 官网 | ✅ 非常合适 |
| 初创项目 / MVP | ✅ 高性价比 |
| 中长期业务系统 | ⚠️ 谨慎使用 |
| 组件库 / 设计系统 | ❌ 不适合作为核心 |
| 真正赚钱核心系统 | ❌ 不建议作为主体系 |
结语
技术圈永远在制造“下一代标准”。
但真正决定技术价值的,从来不是:
- star 数
- 模板数量
- 教程热度
而是:
- 是否进入核心系统
- 是否沉淀组织能力
- 是否构成长期资产
从行业标准的综合来看:
Tailwind 是一款优秀的工具
但它从来不是,也很难成为:
真正高价值的工程基础设施。