回到案例库
专业 + 杠杆 · 程序员 + 技术博客 + 培训

Adam Wathan

一人电子书 + 商业组件库

Refactoring UI / Tailwind UI

关键数据

Tailwind UI 上线首日 $400K、5 个月内累计 $2M+

起家路径

Adam Wathan 早年是 Laravel/PHP 圈讲师,自费录课、出书赚生活费。和设计师 Steve Schoger 合作出版电子书 Refactoring UI(教开发者基本设计原则),靠 Twitter 长期免费分享设计 tips 做漏斗,最终累计销售 230 万美元。这笔现金流让他能投入开源项目 Tailwind CSS(最初只是 side project 的副产品)。Tailwind v1 在 2019 年 5 月发布并迅速火爆开源圈,他和 Steve 决定把它商业化,2020 年 2 月发布付费组件库 Tailwind UI,首日营收 40 万美元、5 个月内突破 200 万美元。后来组建 Tailwind Labs,扩展出 Tailwind Plus、Headless UI、Heroicons 等系列产品。

商业模式

极致简单:两个一次性买断的数字产品(Refactoring UI 书 + Tailwind UI 组件库),无订阅、无分级、无服务。开源框架 Tailwind CSS 免费引爆开发者基础,把"用 Tailwind 写更快"的认知做实,再用付费组件库收割已有用户。流量几乎全部来自 Twitter 个人 IP + 开源生态自传播 + 用户案例展示,营销成本接近零。

关键转折

第一个转折是 Refactoring UI 在 Twitter "tips 长帖"驱动下爆卖,给了他全职做产品的资金底气;第二个是 Tailwind v1 爆红后,他果断放弃服务/SaaS 路径,选择"卖组件库"这种最简、最像电子书的形态,使得首日 40 万美元的发售成为可能。后来 2023 Q1 Tailwind UI + Refactoring UI 日均收入约 3 万美元,达到一人公司天花板水准。

可复用打法

1)先用 Twitter 长期免费分享专业 tips,把"该领域专家"心智做实;2)把知识打包成一次性买断的电子书 / 组件库,不做订阅、不做服务;3)通过开源项目(免费且头部)建立海量用户基础,再做付费精品组件层;4)"build in public"——发布收入数字、设计过程、产品决策,把成长本身变成营销素材;5)只卖 1-2 个产品,深做版本迭代而不是无限扩 SKU。

翻车 / 警示

高度依赖单一框架的生态地位——AI 编码工具与 shadcn/ui 等开源替代崛起后,Tailwind UI 销量明显下滑,说明"卖组件库"会被开源/AI 替代品反噬;同时 Twitter 流量结构变化也直接影响其漏斗。

时间线

  • 2018:Refactoring UI 电子书发布,最终累计 230 万美元
  • 2019.5:Tailwind CSS v1.0 发布
  • 2020.2:Tailwind UI 上线,首日 40 万美元
  • 2020.7:Tailwind UI 5 个月内突破 200 万美元,两年累计两款产品超 400 万美元
  • 2023 Q1:Tailwind UI + 书日均收入约 3 万美元(峰值)

查看原始资料

https://www.refactoringui.com

所属赛道:程序员 + 技术博客 + 培训

工程师做技术内容 + 课程 + 咨询(Wes Bos / Kent Dodds 模式)

启动 <5k回收 12-18 月月入 1w-100w

想知道这条赛道是不是适合你?

做一人公司赛道测试