赛道全景 · OPC ATLAS

AI UI / 组件生成:shadcn、v0 与它们之下的市场

v0 用户破 600 万、shadcn 突破 9 万星——它们之上的独立层完全开放

更新于 2026-05-12

AI UI 生成是 2026 年少有的「巨头反而把长尾打开了」的赛道。Vercel 的 v0 已经过 600 万开发者;shadcn/ui 突破 9 万星,成为所有 LLM 推理 Tailwind UI 时的标准语言;21st.dev 跑出了基于 shadcn 的托管市场,独立设计师靠卖单个组件分成。这条赛道的玩法不是「做一个比 v0 更好的生成器」——那是个你打不赢的百亿美金战争。是「卖一个为某个栈(Next + Supabase + Stripe)调好的 50 组件包、一个垂直 dashboard kit、一个 Tailwind 主题生成器、或者一个市场摊位」。Magic Patterns 把 v0 的运营团队替代版做到 ~$5M ARR。机会都在下游:每个 v0 用户依然在买主题、套件、模板。AI 之下的市场比 AI 本身还大。

格局已定。(1) 基础层:shadcn/ui(@shadcn 开发,9 万+ 星、组件复制粘贴、Apache 2.0)是所有其他工具生成时引用的底座;v0(Vercel,母公司 $340M ARR,600 万+ 开发者)是主流生成器;Lovable 和 Bolt 在「生成整个应用」这一端重叠。(2) 市场/策展层:21st.dev 给组件作者按使用付费、Polymet 卖 design-to-React 套件、Mobbin 整理设计参考给 LLM 用。(3) 主题/模板独立层:Tailwind UI($300+ 终身、Tailwind 团队亲做、估算 $10M+ ARR)、Cruip、Tailkit,以及几十家 $39-$199 的 Gumroad/LemonSqueezy 主题店。2026 年的拐点:AI 不杀组件生意——它放大需求。Cursor / v0 / Lovable 每个用户都还在找「漂亮的 dashboard kit」「有审美的主题」,因为 LLM 出的 UI 都是平均水准。$79-$499 的精修垂直(管理后台、营销页、AI 对话 UI)卖得比以前更好。风险不是被淘汰,是被发现——在 v0 / shadcn 垄断流量入口的市场里被找到。
v0 (Vercel) 2023 · 母公司 ARR $340M
600 万+ 开发者

品类龙头。从组件生成器起家,现在是全栈 agent,带 sandbox 运行时、数据库集成、部署闭环。绑定 Vercel 客户分发盘。

shadcn/ui 2023 · 开源 (MIT)
~9 万+ GitHub 星

@shadcn 创立(现在 Vercel)。不是库——是一个把组件直接复制进你 repo 的 CLI。成为所有 LLM 谈 Tailwind UI 时的通用语言。掌握了底座。

21st.dev 2024 · 独立 / 种子阶段
1 万+ 组件托管

shadcn 托管市场,单个设计师按使用分成。解决了「我做了一个漂亮组件去哪卖」的问题。在 shadcn 标准之上的聚合玩法。

Magic Patterns 2023 · YC W24 · 种子
~$5M ARR(估算)

面向产品团队 design-ops 的 v0 替代品。版本控制 + Figma 导出 + storybook 集成。v0 走横向时它走纵向差异化。

Polymet 2024 · 独立 / 种子
design-to-React 专精

把一个 Figma URL 或截图转成 shadcn / Tailwind 组件。瞄准 v0 不擅长的「我有 Figma,要代码」缺口。

Tailwind UI 2020 · 独立 (Tailwind Labs)
~$10M+ ARR(估算)

老牌。Adam Wathan 团队的「官方付费 Tailwind」组件库,$300+ 终身。证明对认真团队来说,$300 组件包依然胜过免费 AI 生成。

Cruip 2019 · 独立 / 单人
~$50K+/月(自称)

意大利独立设计店,$44-$99 卖精修 Tailwind 模板。证明「一个设计师在 Tailwind / shadcn 之上跑出六位数模板生意」是可行的。

Magic UI 2024 · 独立
~5 万+ GitHub 星

兼容 shadcn 的动效组件包。免费 OSS + 付费模板店。证明「开源底盘 + 付费增值」在 2026 年依然 work。

🟢 绿灯 · 考虑入场
你有审美

v0 出的是平均水准。Cruip 和 Tailwind UI 卖得动是因为肉眼可见比 AI 强。如果你的品味在 10 秒截图滚动里就能看出来,你有护城河。

你能熟练写 Tailwind / React

技术门槛低——大部分跑得起来的模板店都是 1-2 个设计师 + 1 个工程师。如果一个周末做不出一个精修 landing page,这不是你的赛道。

你已有或能攒起 Twitter / 设计圈受众

这条赛道的分发全在 X 上。每个成功的模板发布背后都有一条 Twitter 长帖。如果你讨厌发推,去市场摊位(21st.dev)。

🔴 红灯 · 先别入
你想跟 v0 正面打

Vercel 有 600 万开发者 + 绑定分发。做一个更好的通用生成器是百亿美金战争,你输定了。在它之上做,不要在它旁边做。

你觉得「AI 能生成组件,所以主题死了」

读错了。AI 反而把精修套件的需求拉大了,因为大家有一样的平均 baseline。审美溢价是新的差异化。

你讨厌维护

主题会被反馈 bug、框架升级会破坏东西、客户要求更新。Tailwind UI 5 年内出了 6 个大版本。如果你发完就跑,退款会把你掏空。

全职:SaaS 生成器

深度 React + LLM tool-use 功底的创始工程师

启动资金
$50K-$300K(算力 + 种子)
时间投入
50-60 小时/周
第一动作
选一个垂直生成器切入点(管理后台、AI 对话 UI、营销页)。90 天内做出一个 Magic Patterns 级的应用。$20-$50/月。12 个月目标 $10K MRR。
副业:主题 / 套件店

有审美的设计师或 design-engineer

启动资金
$0-$1K
时间投入
10-20 小时/周
第一动作
在 Gumroad / LemonSqueezy 上发一个 $79-$199 的精修套件(dashboard、AI 对话、SaaS landing)。配合 Twitter。买家反馈迭代。12 个月目标 $2K-$8K MRR。
市场摊位:21st.dev 作者

想要分发但不想自己开店的设计师

启动资金
$0
时间投入
5-10 小时/周
第一动作
上传 20-50 个高质量 shadcn 兼容组件到 21st.dev。X 配合预热。6 个月目标 $500-$2K/月被动分成。

值得一读

社区

关注谁

相关赛道

  • Vibe Coding / 自然语言 Appv0 / Lovable / Bolt 在组件生成和整应用生成之间模糊了边界。同一个钱包,更大的范围。
  • AI 编程 / DevToolsCursor / Claude Code 用户就是你的买家。住在那些编辑器里就懂套件解决什么工作流缺口。
  • 表单工具表单 UI 是 AI 生成的完美垂直——本质都是 shadcn / Tailwind 原语之上的组合。

想知道你属于哪种创业者?

5 分钟 · 12 题 · 免费 · 测出你的画像 + 最匹配的 3 条赛道

开始测试 →
← 返回首页 SaaS 全景图 →