组件库的消亡

Tailwind Labs刚刚解雇了75%的工程团队。收入比峰值下降80%。自2023年初以来，文档流量下降了40%。

与此同时，Tailwind CSS比以往任何时候都受欢迎。下载量达到每月7500万。框架无处不在。

这不是一个失败故事。这是更奇怪的事情：一个杀死自己商业模式的成功。

1、悖论

多年来，Tailwind UI是组件库的黄金标准。干净、可预测、文档完善。开发者访问文档、学习模式并发现高级组件。一些百分比转化为付费客户。漏斗有效。

然后AI发生了。

像Claude、ChatGPT和Cursor这样的LLM在大量代码上训练。Tailwind，由于无处不在和一致，成为训练数据中最好代表的样式方法之一。使Tailwind伟大的标准化也使AI生成变得微不足道的容易。

现在当开发者需要一个Tailwind组件时，他们不访问文档。他们提示。AI直接生成代码。文档从不加载。高级组件永远不会被发现。漏斗破坏了。

使用量上升。收入下降。框架如此彻底地成功了，以至于它训练了自己的替代品。

2、抽象税的终结

二十年来，我们为组件库付费，因为编写原始CSS和JavaScript很慢、容易出错，并且需要记忆。付费库本质上是复杂性保险。你支付抽象税以避免从头构建的痛苦。

AI消除了痛苦。

当你可以在几秒钟内描述你想要的东西并获得工作的代码时，预制组件的价值主张崩溃了。你不再为速度付费，AI更快。你不再为正确性付费，AI知道可访问性模式。你不再为避免学习曲线付费，当你只是描述你需要的东西时没有曲线。

抽象税是已经不存在道路上的过路费。

3、双重打击

Tailwind Labs不仅面临AI。他们面临来自两个方向的协调攻击。

首先，AI工具使生成UI代码微不足道地容易。Vercel的v0让你描述界面并通过单个提示获得工作的React应用程序。Cursor和Claude按需生成Tailwind组件。生成问题已解决。

其次，shadcn/ui完全改变了分发模式。不是安装包和导入组件，你将源代码直接复制到项目中。你拥有它。你修改它。没有依赖，没有抽象，没有黑盒。

这很重要，因为AI与透明代码更好地工作。当源就在你的代码库中时，AI可以读取它、理解它并修改它。不透明的npm包是AI难以处理的黑盒。

shadcn/ui有89,000 GitHub星级。OpenAI、Adobe和Sonos使用它。它是免费的，它是AI友好的，它提供完全所有权。当免费替代品实际上对AI辅助工作流程更好时，为什么要为组件库付费？

4、爆炸半径

Tailwind Labs是最明显的受害者，但它们并不孤单。

Bootstrap多年来一直在下降，AI加速了这种下降。Material UI、Chakra UI和类似的库面临同样的基本压力：它们的价值主张是速度和一致性，而AI现在免费提供这两者。 主题市场是脆弱的。ThemeForest在2024年被出售给Shutterstock，价值373亿美元，这是创始人在墙上写字的迹象。

为什么要买一个$59的管理模板，当你可以提示"给我制作一个带有深色侧边栏和这些特定图表的管理仪表板"并获得完全你需要的？

模式是一致的：任何出售针对常见问题的预制解决方案的企业现在都在与即时的、定制的生成竞争。

5、实际上正在消亡的是什么

值得精确地说明什么在消亡，什么不在。

Tailwind CSS没有消亡。框架正在繁荣。它已成为AI生成代码的默认样式方法，这意味着其使用只会增长。

消亡的是出售Tailwind组件的业务。高级层。精心设计的、手工制作的UI工具包，曾经售价数百美元。

更广泛地说，消亡的是商品化"最佳实践"的业务。可访问性模式、响应式布局、暗模式实现，这些曾经是证明高级价格的高级知识。现在它们是任何体面的AI自动产生的基本期望。

秘密酱料被吸收到训练数据中。你不能出售机器免费给出的东西。

6、赞助回应

好消息。

当Tailwind宣布裁员时，有趣的事情发生了。主要公司站出来赞助它们。

Vercel的CEO立即承诺赞助Tailwind。Google AI Studio、Gumroad和其他公司跟随。开源社区团结起来。

这很重要。它为基础开源项目提出了一个潜在的前进道路：依赖它们的公司直接赞助。不是向用户出售，而是被从生态系统中受益的平台维持。

这种模式是否超越最受瞩目的项目还有待观察。但这至少是一个数据点，表明有意愿在传统商业模式失败时资助关键基础设施。

7、接下来是什么

如果出售组件正在消亡，价值去哪里了？

一种可能性：出售上下文而不是代码。未来可能不是UI工具包，而是系统指令。想象一下，为精心调优的提示集、约束和示例付费，使AI以特定样式生成界面。不是组件本身，而是关于如何很好地生成它们的知识。

另一种可能性：出售AI仍然难以处理的东西。复杂数据可视化。复杂的动画系统。深度集成的设计系统，跨越具有一致行为的数十个组件。商品层消失了，但复杂层仍有价值。

问题是，多长时间？

第三种可能性："生成器"模式。不是安装组件库，而是安装一个按需创建组件的生成器，根据你的特定需求定制。库变成了工厂。

这些都没有得到证明。在旧模型上繁荣的企业正在努力寻找在新模型中有效的东西。

8、更广泛的教训

Tailwind故事实际上不是关于Tailwind。它是关于当AI吸收一个领域时会发生什么。

任何将常见模式包装到可重用单元的产品都是脆弱的。这些单元的价值是它们从头创建很难。AI使从头创建变得容易。包装变得不必要。

这超出了UI组件。代码片段、样板生成器、HTML模板、配置模板，任何人类创建捷径以避免重复工作的地方，AI现在可以直接做那项工作。

讽刺是尖锐的。最成功的、最标准化的、最广泛采用的解决方案是最脆弱的。它们的普遍性使它们成为完美的训练数据。它们的一致性使它们易于复制。它们的成功为它们的破坏播下了种子。

9、底线

Tailwind Labs构建了一些真正优秀的东西。他们的框架改变了我们编写CSS的方式。他们的组件设定了质量标准。他们的成功是真实且应得的。

而且那种成功创造了其商业模式崩溃的条件。框架的普遍性使其成为完美的AI训练数据。使其对人类可学习的一致性也使其对机器可学习。帮助开发者的文档也帮助了将取代对文档需求的模型。

我们正在看到一个新模式出现：赢得如此彻底以至于训练掉自己收入的开源项目。使用和价值完全分歧。产品繁荣，而业务消亡。

购买预制UI组件的时代正在结束。生成你确切需要的东西的时代正在开始。城堡正在3D打印，而块突然毫无价值。

原文链接: The Death of Component Library

汇智网翻译整理，转载请标明出处