靠一堆css居然可以半年赚200万美金，分享Tailwindcss的故事

关注程序员耳东，编程转码真轻松

提供前端面试辅导服务、零基础前端自学辅导服务；免费修改前端简历，免费回答小问题

工作中用了一段时间Tailwindcss，确实很方便快捷就能搭建出来一套样式，而且它的样式类真的切得很碎，最开始我只是觉得这是一种技术使用上的变化，或者叫风格上的创新，但是偶然间看到它的创始人（AdamWathan）的一篇文章，他居然靠着Tailwindcss在半年多时间赚了两百多万美金，我真的震惊了，也开始让我思考技术的价值和商业的价值

今天这篇笔记我就写一下对于这个事情的思考以及从中得到的启发，希望对你有用

首先聊一下Tailwindcss的作者Adam是怎么把它做出来并且赚到钱的，想看英文全文的可以去Adam的网站去看，文章标题是《Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business》，我这里就挑关键的讲了

2015年的时候，Adam想搞一个个人项目（side project）用来在公司或团队内部分享链接，这个项目叫Digest，他喊上他的朋友一起搞

在他的个人项目中，他不想使用bootstrap来写样式，因为他本人喜欢less并且讨厌sass，但是bootstrap里面使用的是sass，于是他做了一个跟其他程序员一样的决定：“我自己造个轮子来写样式”，并且在开发样式的过程中，Adam遵循的原则是“utility-first”，这个我的理解是“实用第一”（不一定准确），反正就是把所有的实用属性都切分成非常细碎的类，比如说下面这个官网的例子：

你能看到class名非常的长，并且像"p-6", "rounded-xl", "bg-white", "size-12", "shrink-0"这种类名，它代表的只是“内边距6”、“圆角”、“白色背景”，“字号12”，“flex-shrink: 0”这种非常非常细的样式
然后经过长时间的奋战，Digest这个项目凉凉了，Adam和他的朋友又开始把兴趣转向了其他的项目，但是写的样式他们保留了下来，继续在新项目里面复用

Adam在写一个叫做KiteTail（这个也是Tailwindcss的名字）项目的时候，他一边写代码一边搞直播，在某次直播的过程中，别人看到了他使用的样式库，并且还找他要，问他能不能把这些样式发出来

就在这个时候，Adam察觉到这些样式或许可以开源出来，确实有人想用，于是他决定把这个样式库开源，并且有几个人联系到他说可以帮他一起搞（这里不得不感叹开源社区的力量

经过一段时间的编码和优化，在2017年11月，第一个版本的Tailwindcss（0.1.0版本）上线，并且有很完善的官网文档，在后面的一年里，随着tailwind事情越来越多以及社区发展的越来越大，Adam决定全职来做Tailwindcss

流量这么大，使用的人这么多，项目这么火，Adam开始思考围绕Tailwindcss做一些商业上的尝试，比如说UI主题、UI工具、课程等等，最终Adam和他的团队决定做皮肤来卖钱，并且起名叫Tailwind UI，并且在2020年2月份上线TailwindUI官网（我看原文里面写为了这个上线，他们在上线前连续工作了36个小时，为了事业真的卷啊哈哈）

这些皮肤解决一个什么样的问题呢，就比如说你要是使用Tailwindcss来构建你的网站对吧，但是你组合这些类就比较费劲，如果说官方有一系列非常完善的可以直接拿来用的类组合，让你快速搭建出来漂亮的页面和组件，你愿不愿意为此付费呢？

看下面这个截图就是TailwindUI官网的一些组件样式合集，有的是免费的有的是付费的，我看了下价格有299刀可以全买的，也有149刀买一部分的

TailwindUI这个生意大获成功，上线之后半年多就赚了200多万美刀，超出了Adam的想象

虽然我承认成功是不可复制的，但是我在这里还是看到了几个值得借鉴的点，分享出来

折腾

首先就是要折腾，不管是你搞sideproject也好，还是搞开源也好，都是源自一颗爱折腾的心。尤其是对于上班族来说，我觉得这一点尤其重要，在公司的晋升路线就像是在爬竹竿，顺着竹竿往上爬，总有爬不上去的时候，而且还随时面临着被公司撤掉竹竿的风险，主动去折腾一些事情，就可以让我们为自己增加一些可能性，万一这个可能性爆发了那就会有无限的想象空间

自媒体

虽然说这年头做自媒体的人挺多挺泛滥的，甚至被笑称为是失业人士首选，但是我依然觉得做好自媒体、用好自媒体对于想搞点事情的人来说是至关重要的

自媒体是啥？我理解它是一个窗口，之前经常看到一个创业的观点是“build in public”，那么如何做到in public呢，就需要一个窗口向大家去展示你做的事情，只有别人知道了你在做什么，才可能会对你做的东西感兴趣，这个世界上这么多人，总会有人对你的生活、对你说的话感兴趣

举个例子，比如说某些短视频平台上经常有杀鱼的、杀猪的视频，我就非常喜欢看类似的视频，感觉很有意思，对于拍摄者来说，无非就是把自己做的事情的经过拍成了视频展示给大家，说的高大上一点就是在“build in public”

等到对你做的事情关注的人多了，这个窗口就会变成杠杆，也许你可以使用这个杠杆撬动巨大的需求或者产品

Tailwind作者就是这样，如果他没有直播写他的sideproject KiteTail的话，也许就不会有人问他要那一堆样式库，他可能也就不会下决心去开源，也就没有后面这一连串的事情

所以说，重视自媒体这个窗口

商业思维

我经常经常听一些程序员前辈说，要做一个纯粹的技术人，其实我对这句话是不认同的，我认为程序员最应该要有商业思维

比如说Adam在Tailwindcss非常流行的时候，就能考虑到使用卖皮肤来赚钱，这一点可能很多程序员不一定能想得到，或许是对于靠技术赚钱这事儿感到不齿，反正我是很佩服Adam的商业思维的

大部分程序员都是在公司上班的，在公司上班的程序员可以思考一下自己的代码是为什么而写的，公司里面的“流水线”一般是这样的，老板（小公司）或者业务部门（大公司）觉得某个产品或者某个功能可以赚钱，于是找到产品经理聊这个事情，产品经理花时间去理解并梳理这个事情，然后再拉上各方向的研发负责人根据现有的产品情况评估这个事情的合理性，主要是搞清楚两个问题：能不能做？怎么做？最后这个事情讨论的差不多了，可以开始做了，先把任务下发到具体的开发手上，这个时候就可以开始写代码了，顺带说一嘴，在某些业务比较强势的公司，没开始写代码的时候上线时间已经确定了，也就是说留给研发的时间不多的，这也是程序员悲催加班的源头

根据我上面描述的流程，是不是就知道程序员的代码为谁而写了吗？对，是为商业而写的，在公司有时候我们也把它叫做业务，为了公司的业务而写

所以我说程序员一定要有商业思维，不然加了半天的班，还不知道是为谁而加的，洋洋洒洒写了几万行代码，还不知道它是怎么服务用户并赚钱的，这不可悲么？

总之，关于Tailwindcss巨赚钱这个事儿，我的感受就是：折腾+自媒体+商业思维，今天的分享就到这里，欢迎大家点赞收藏评论