
分享一个我觉得值得拆的出海案例。
一个人,做了一个开源 UI 组件库,不拿融资,不投广告,不找 KOL 推广,45 天从 0 做到 $300K MRR。月入 30 万美元,一个人。
这个产品叫 Magic UI,做的是前端 UI 组件库。创始人 Dillion Verma,一个加拿大程序员,之前在 Nvidia 和 Shopify 实习过。
看到这你可能会问:UI 组件库不是遍地都是吗?开源的、免费的一大堆,怎么还能赚这么多钱?他到底卖的是什么?45 天怎么做到的?这篇文章把这个案例拆透。
Dillion 是谁
Dillion Verma,加拿大人,滑铁卢大学计算机科学和商科双学位。滑铁卢是加拿大最好的计算机学校之一,以 co-op(实习轮转)出名,学生在校期间就能进大厂实习。
他的实习经历很扎实:Nvidia、Shopify、Splunk、Lime,全是硅谷大厂或知名科技公司。光看这个履历,毕业后进任何一家大厂拿高薪都没问题。
但他选了另一条路。2022 年底,他辞掉了软件工程师的工作,全职做自己的产品。
他在个人网站上写了一句话:"At the end of 2022, I quit my job as a software engineer to go fulltime into building and scaling my own SaaS businesses." 放弃大厂高薪,全职做独立产品。
他之前参加过 21 场 hackathon,还拿过奖。其中一个项目用 Python 和 OpenCV 做了一个实时面部情绪识别的游戏 API,在多伦多的 Global AI Hackathon 拿了第一名。
后来他还进了 buildspace 的首期线下 cohort(buildspace sf1),buildspace 是硅谷一个很有名的创业社区,帮助独立开发者从 0 到 1 做产品。
这段经历很重要。21 场 hackathon 训练出来的是快速出活的能力,buildspace 帮他建立了独立开发者的圈子和思维方式。这两样东西后来在 Magic UI 上都用上了。
2023 年 6 月,他开始做 Magic UI。一个人,没有联合创始人,没有团队,没有融资。
Dillion Verma 的个人网站,展示了他的实习经历和项目
产品做对了什么
Magic UI 做的事情说出来很简单:给前端开发者提供好看的动画组件。
但简单的事情做到位就不简单了。
市面上 UI 组件库多得数不清。Shadcn UI 是 2023 年以来最火的基础组件库,开源、免费、质量高,基本成了 React 开发者的标配。但 Shadcn 的组件偏功能性,按钮、表单、弹窗这些基础交互做得很好,就是不够炫。
开发者用 Shadcn 搭完页面,功能没问题,但想让页面好看、有动效、能在一堆竞品落地页里脱颖而出,还得自己写一堆 Framer Motion 动画代码。
Magic UI 就卡在了这个位置。它不跟 Shadcn 竞争,而是做 Shadcn 的完美搭档。150 多个动画组件,基于 React、TypeScript、Tailwind CSS 和 Motion,复制粘贴就能用。
有人在 Reddit 上评价:"Imagine your website is a plain bowl of noodles. Magic UI is the chili oil that makes it unforgettable." 把你的网站比作一碗白面,Magic UI 就是让它变好吃的辣油。
这个定位很聪明。Shadcn 的用户群体就是他的目标用户,不需要从零获客。用 Shadcn 的人天然就需要动画组件,Magic UI 直接承接这个需求。
Magic UI 组件效果展示,复制粘贴即可使用
市面上做类似事情的不止 Magic UI 一个。Aceternity UI 也是做动画组件的,风格更炫酷,偏赛博朋克。两者的区别在于,Aceternity UI 更像一个设计师的作品集,展示各种酷炫的效果;Magic UI 更像一个工程师的工具箱,组件更实用、文档更清楚、和 Shadcn 的兼容性更好。
Aceternity 的定位是 "Beautiful Tailwind CSS and Framer Motion Components",Magic UI 的定位是 "UI Library for Design Engineers",一个强调美,一个强调实用。