本文改编自：https://adamwathan.me/tailwindcss-from-side-project-byproduct-to-multi-mullion-dollar-business/ 如果感兴趣，可以阅读原文。
\n视频版本：在 Youtube 观看
\n大家好，好久不见，欢迎大家来到我的频道，今年上半年一直在忙架构师课程的事情，到现在才有时间给大家录点好玩的，今天我们要谈的是开源库怎样赚钱。
\n对于一个程序员来说，开源库是我们接触也用的最多的一系列内容，开源是程序员共享的一种伟大理念，当然假如你有一个 5k star 的项目，受众人欢迎，每天 npm 下载好几十万，但是你知道怎样将它变现吗？那么今天就来分享一个从个人兴趣项目到年入几百万美元的开源库的故事。
\n首先先上最近的一个新闻，前端人天天使用的 babel ，一个 39K star 的项目，几乎是前端工具链每人都是用的工具，居然发了一篇博客宣称：没钱了。\nhttps://babeljs.io/blog/2021/05/10/funding-update
\n文章中称：这个项目由核心成员构成，并且他们以全职在该项目工作，每个月领取工资。由于 babel 处于工具链的环节，被人感知到的场景比较有限，所以没发很好的拉到广告，加上 2020 年新冠，赞助减少，入不敷出，所以号召大家捐钱。\n所以说，搞开源，赚钱很难。\n
\n\nBabel 的资金曲线的变化。
\n
一般的开源工具，变现有两种方式。
\n用爱发电❤️，一些出名的开源项目，最多采用的方式，现在在国外的平台，使用最多的是 patreon，它是一个非常知名的面向粉丝的众筹网站。每月付一定的金额，就可以有权限访问一些特殊的内容。这里有一个出色开源项目在 patreon 的列表https://github.com/uraimo/awesome-software-patreons。大家可以看到很多熟悉的名称。比如 HomeBrew 和 iTerm2 ，用 mac 的都用过。但是其实这些软件使用 patron 并不是作为众筹平台，因为它们往往不能给订阅者提供什么附加价值，而是完全处于捐赠的目的。
\n所以用爱发电肯定是赚不了大钱的，比如 HomeBrew（https://www.patreon.com/homebrew） 那么多人用，一个月只有 2500 刀，所以这些工程师都是伟大的人。\n
打广告，比如在官网上打广告，既然框架用的人多了，那么自然文档看的人多了，有流量就有钱，比如 Vue 的官网。\n我们能在这里看到有一大堆密密麻麻的广告，其实也就是赞助商，当然这个其实和刚才用爱发电是类似的。\n
\n\n同样的布局完全不同的界面，图片来自 tailwindcss 官网
\n
\n\n同样的布局完全不同的界面，图片来自 tailwindcss 官网
\n
也因为 tailwind.css，就诞生了一堆出名的 meme 图，所这其实就是倒退到 10 年写样式的时代了。
\n回到正题，毫无疑问, 这个兴趣项目没做半年就被扔进垃圾堆了，他又开始搞第二个兴趣项目，不过之前死的项目留下了一个遗产，就是这些样式类，每个新项目他都把这些样式文件拷贝一份作为开始。同时他在搞第二个项目的时候，他还是开始搞起来了直播写代码，以此激励自己好好写项目。
\n正是这个直播，让一些人看到了他写的样式库，有的老哥还直接留言向他伸手要这些样式代码。
\n\n\n经典傻大黑粗导航条-非常多的国内山寨网站都使用了 Bootstrap
\n
有更多的工程师联系到了 Adam，希望以这个简单的样式库为蓝本，开源一个有着新的理念的也就是 utility first 的样式库。经过几个月疯狂的 coding，他们上线了 0.1.0 版本
\n在程序员审美疲劳苦苦追寻第二个选项的时候，这个时候他们看到了 tailwind，程序员需要个性，先不管好不好看，要的是个性，然后发现用它搞出来的东西可以这么美，这么多变。就折服了。越来越多人使用，口口相传，这流行度也自己嗖嗖的往上冲。Adam 被工程师的热情震惊了，也在这个时候宣布，辞职，全职参与 Tailwind.css 的开发，同时成立了 Tailwind Labs。
\n我也在这个时候开始用 Tailwind.css，对于样式，我也是一个喜欢跟风的人，一些小的项目开始拿它试手，但是我在使用过程中慢慢发现有一个问题，它给你高度可定制化的类名，就像给你一堆高质量的食材，但是只有出色的厨师才能将它们完美的组合成一道菜，它的官网只有一些简单的组件，假如你像做出整个网站来说还差的很远。
\n这时候就有很多人发布自己组合出来的成品，供大家使用，做成一系列的小模块，或者组件。这时候像我这样的开发就可以拿来即用。很多人开始做了一些二次开发的通用模块，给大家使用，很受欢迎。比如 https://tailblocks.cc/，它收集了使用 tailwind 写好的各种模块，供开发者选择使用，一键拷贝，很是方便。
\n这时候创始人 Adam 就嗅到了这个商机，我是tailwind.css 的创始人，“没有人比我更懂怎么组合类名”。
\n他就开始开发官方的 tailwindUI，其实就是网站元素的合集，并在安装一千万次的时候，发布了 tailwindUI的官网，正式开始卖皮肤。https://tailwindui.com/
\n大家访问它的官网可以发现，他将场景也切的很碎，几乎涵盖了一个常见网站的所有要素。\n