这个站最早是一个博客。站长写的是怎么做出好看的代码组件,写完去看数据,数据说得很直白:没人在读,进来的人只想赶紧把代码拿去用。站长干脆不写文章了,把代码单独拎出来,做成一个点一下就能复制走的UI组件库网站。这个站叫Aceternity UI,付费版上线两个月,累计进账超过8万美金。首发只有7个组件,站长一个人用一个周末上线,唯一的成本是Vercel托管,每月20美金。
这个站靠什么赚钱,拆开就三块。免费的组件全给出去,谁都能复制,这是用来把人吸进来的。付费版卖的是整块区块和整页落地页模板,一个Hero首屏、一个定价页、一个常见问题区,还有作品集、SaaS、代理公司这几类整站模板。再就是顺手接建站服务,客户自己从网站上找过来。
免费那层不赚钱,它是入口。真正收钱的,是开发者自己懒得拼、又不得不做的那部分。
- 首发7个组件,一个周末上线,唯一的开销是Vercel每月20美金。
- 2023年12月免费开放,站长在X上的置顶帖到2026年10月有57.3万次浏览。
- 付费版2024年8月上线,第一周卖了8000美金;上Product Hunt那天拿到当日第7名、240票。
- 站长2024年10月接受的一次公开采访里说,付费版上线2个月累计超过8万美金;上个月付费版约4万美金,建站服务约3万美金,支出约5000美金。
- 2026年10月官网价:年付169、买断199、团队1590美金,联盟每单分30%,付费版不退款。
这篇拆解围着三个地方讲。为什么把博客改成组件站;免费组件怎么铺开、付费版第一周怎么卖出8000美金;这个组件库怎么又成了建站服务的作品集。定价、授权、不退款这些也一次说清楚,它们决定这门生意能不能一直做下去。后半部分讲中国人照着做怎么起步,哪几步交给AI,哪几步得自己来。
中国人做这种站,起步花不了多少钱。组件代码有AI编程工具帮着写,文档站、落地页、博客也能从零搭起来。猎者出海这几年主力做英文独立站和英文数字产品,工作流程里大量用AI。这里的判断是:卡人的不是建站,是三件事得提前防,英文开发者圈的分发、收款主体、组件被人白拿。
本文目录
- Aceternity UI是什么样的UI组件库网站?免费组件复制即用,付费版卖200多个区块和模板
- 为什么把博客改成复制即用的组件站?数据显示没人读,大家只想拿代码
- 免费组件给足,付费版第一周卖了8000美金:Aceternity UI的时间线和收入
- UI组件库也是作品集:建站服务一个月约3万美金
- UI组件库怎么定价?Aceternity UI Pro年付169、买断199、团队1590美金,买了不退
- UI组件库有哪些?Aceternity UI、shadcn/ui、Magic UI和AI直接出界面
- 中国人怎么做一个UI组件库网站?先挑窄场景,卡在英文分发和收款
- 用AI做UI组件库网站:哪几步交给猎者出海的AI Agent,哪几步你自己来?
- 常见问题
Aceternity UI是什么样的UI组件库网站?免费组件复制即用,付费版卖200多个区块和模板
Aceternity UI是给前端开发者用的React组件库,代码用Next.js、Tailwind CSS和Framer Motion写的。2026年10月打开首页,上面挂着两行字:「200+ production-ready components, blocks and templates」和「Trusted by 120,000+ founders developers and creators」。
翻成人话就是:能直接拿来用的组件、区块、模板加起来200多个,官网自己说有12万以上的创始人、开发者和创作者在用。

这三个词得拆开看,它们是三层不同的东西。
页面上有什么
组件:一个动效小块
组件是最小的一层。一个3D卡片、一个会转的地球、一盏灯打下来的光、一片散开的星星。这种小块贴进自己的页面,改几个参数就能用。它们基本都在免费那一侧,复制粘贴就行,带文档和示例。

这层对谁最有用?自己写代码、只缺一个效果的开发者。人家要的就是省事。
区块:一整块页面
区块是一整块区域。一个Hero首屏、一个定价表、一个常见问题列表、一面客户评价墙。开发者做落地页,最烦的就是这种活。单个组件好找,整块拼起来还要好看,就得自己一点点调。
这层省的是拼装时间。赶项目、没空从零搭一个定价页的小团队,最吃这套。
模板:一个整站
模板再往上一步,是整个页面甚至整站。官网模板页的标题写的是「Next.js Landing Page Templates」,给了作品集、SaaS、代理公司、营销站这几类,把内容填进去就能上线。

这三层摆在一起,其实就一个意思。免费那层负责让最多的人看到你,付费那层负责从愿意掏钱的人身上收钱。免费给的是「单点」,付费卖的是「整块」。单点好做,整块难做,难做的东西才收得到钱。要是把这条线划反了,把好用的整块当免费送出去,那就什么都卖不动了。
技术栈和成本
第一版用的就是站长自己会的那三样:Next.js、Tailwind CSS、Framer Motion,部署在Vercel上。站长在2024年10月接受的一次公开采访里说,唯一的开销是Vercel托管,20美金一个月。

为什么不选别的?因为那几样是站长本来就会的。做一个东西,用熟的工具比用生的快。第一版拼的是上线速度,不是技术炫耀。
Aceternity UI是2023年创立的,版权方是Aceternity Labs LLC。页脚还挂着站长的其他产品。这条不用展开,知道对方不是只守着这一个站就行。
这里有一点先记住。做这种站,起步的钱几乎可以忽略,真正花掉的是时间,还有你在审美上的判断。花钱少不代表容易,只是说试错的代价小,你可以在一个方向上多试几次。
为什么把博客改成复制即用的组件站?数据显示没人读,大家只想拿代码
站长一开始做组件,纯粹是爱好。给自己的项目做好看的组件,做完顺手写篇博客,讲这个组件怎么做的。然后站长去看数据,数据说得很直接,没人在读。进来的人只想赶紧把代码拿走。
于是站长做了个决定:文章不写了,把代码整理出来,做成一个点一下就能复制的站。Aceternity UI就是从这儿开始的。
首发只有7个组件。站长说自己以前犯过一个错,一个东西打磨到自己觉得完美了才拿出去,结果做出来没人用。这次反过来,先上线,先拿反馈,再改。
站长有句口头禅,Build. Build. Build. 就是先做出来再说。还有句话,大意是:写烂代码,也好过给一个没人用的东西写漂亮的代码,客户不在乎你的代码质量。这话糙,但确实是实话。你花三个月把代码写得优雅,用户根本不打开文件看,人家只看页面上好不好看、贴进去跑不跑得起来。
2023年12月20日,网页存档里留下了最早那一版首页。标语是「Make your websites look 10 times modern」,菜单里只有两项,Components和Pricing。就这么简陋。

这对读者意味着什么?先给对方要的东西,不是先给你想讲的东西。开发者搜进来,脑子里想的是「有没有现成能用的」,不是「听你讲怎么写出来的」。给对方一段能跑的代码,对方会记住这个站;给一篇三千字的教程,人看完答案就把页面关了。
还有一层。只写教程的博客,最容易被AI一段话答完。用户问一句「React怎么做这个效果」,AI直接把答案给了,根本不用点进你的页面。能复制代码的站不一样。AI给的是解释,站给的是能直接贴进项目的东西,解释听完,那几行代码还得来你这儿拿。
所以动手之前先做一件事,判断这个方向会不会被AI答完。答得完的,做得再认真也没人留下来。判断方向的活可以交给猎者出海的AI Agent,它会在动手之前先判断这个方向能不能做、会不会被AI答完、会不会两三个月就写完了。
免费组件给足,付费版第一周卖了8000美金:Aceternity UI的时间线和收入
从免费开放到开始卖钱,中间这段时间干的事就一件,免费给出去,让用的人多起来。
时间线
| 时间 | 发生了什么 | 出处 |
|---|---|---|
| 2023年12月19日 | 站长在X发置顶帖「I made it open for all」,宣布免费开放,配了组件演示;这条帖子到2026年10月有57.3万次浏览 | 站长在X上的帖子 |
| 2023年12月20日 | 网页存档里最早的一条:首页标语「Make your websites look 10 times modern」,菜单只有Components和Pricing两项 | 网页存档 |
| 2023年12月21日 | 免费版在Product Hunt上线;2026年10月这个页面显示5.0分、18条评价 | Product Hunt |
| 之后一段时间 | Product Hunt带来第一批用户,X让它传得很快,一个大的程序员媒体介绍过它,之后口碑在公司里、社交网络里互相扩散 | 站长2024年10月接受的一次公开采访 |
| 分发起来之后 | 站长原话说「Aceternity UI做了大约4个月后」,网站有了不错的分发,X上有了2万关注,推付费版阻力小很多 | 同一次采访 |
| 2024年8月22日 | 站长发帖说付费版上线第一周收入8000美金;同一天付费版上Product Hunt,拿到当日第7名、240票 | 站长2024年8月在一个海外创业者社区发的帖 |
| 2024年10月8日 | 采访里说付费版上线2个月累计超过8万美金 | 同一次采访 |
| 2026年10月 | 站长在X上的账号显示4.3万关注 | X主页读数 |
这张表要看的是中间那几行。免费那段时间攒下来的关注和口碑,是付费版第一周能卖出8000美金的前提。付费版不是从零开始的生意,是把已经在用免费组件的那批人,往付钱那一步推了一把。推得动的原因很朴素:这些人已经用过你的东西,知道它好不好用,你不需要再花力气证明自己。

免费给足的思路
站长在采访里说过一句很短的话:「provide lots and lots of value for free」,免费提供大量的价值。这句话听着像口号,落到实处很具体:免费的那个版本得真好用,不是砍过的残次品。
免费组件在这门生意里就是广告。用的人越多,页面上那个付费入口被看到的机会就越多,付费版也越好卖。这个逻辑成立的前提只有一个,免费的东西本身得够硬。你给别人一个残缺的免费版,人家转身就去找别的了,连你付费版长什么样都懒得看。

8万美金到底怎么读
先把这个口径说清楚。有中文文章把它写成了月入8万,原话不是这个意思。站长2024年10月接受的一次公开采访里说的是,付费版上线2个月,累计超过8万美金。这是两个月加起来的数,不是每个月。

第一周8000美金,是两个月总额的十分之一。

同一次采访里还有一份「上个月」的大致拆分:付费版约4万美金,建站服务约3万美金。两笔分开算,付费版占57.1%,差不多六成。两个月8万,平均下来每个月4万,跟「上个月付费版约4万」也对得上。

采访里说月均收入在6万到10万美金之间,这里面含着建站服务。同一次采访里还提到,上个月支出大约5000美金。支出就是支出,原话里没说利润,也没法从这几个数字里推出利润,别自己脑补一个净赚的数。
站长当时说,手上只有一个产品在卖,就是付费版,其余收入都来自服务。目标是一年内让付费版做到每月10万美金的经常性收入,当时在试广告和视频两个渠道。这是目标,不是结果,采访里没说有没有做到。
免费给足、再卖整块的付费内容,这套结构不只组件库在用,好处是做一次能卖很多次。卖数字产品是独立站赚钱里的一种常规模式,几种模式怎么对比,这篇独立站赚钱的5种模式对比里写过,做之前先看一遍,能少走点弯路。
UI组件库也是作品集:建站服务一个月约3万美金
这个组件库还有第二个作用,容易被忽略,它是站长那门建站生意的作品集。
第一批客户怎么来的
网站上线几天后,第一批客户直接从网站找过来。站长的主业本来就是一家网站设计开发工作室,组件站一挂出去,等于放了一个一直在线的作品集。
客户主要是早期、小规模的创业公司。站长合作过很多YC投过的公司,第一个客户合作了两年多,做了好几个项目,还带来很多转介绍。
2024年10月的那次采访里,站长说上个月建站服务大约3万美金。这个数跟上个月付费版的4万放在一起看,服务的份量并不小。
为什么客户会从这个站找过来?因为组件站证明的东西最直接。客户不用听你说自己做过多少个项目,自己点几下,看看界面长什么样、动效顺不顺,心里就有数了。
从一个人到6个人
起步的时候是站长一个人,用一个周末把第一版做出来。后来一度同时接7个客户,扛不住了,招了第一个全职员工帮做客户项目,自己腾出手来专心做产品。
2024年10月采访时,Aceternity是一个6个人的团队:2个前端、1个全栈、1个设计、1个社媒运营、1个产品经理,同时还在接建站服务。
我早年也靠给企业做SEO服务赚到第一桶金,后来不给别人做了,改成自己建站。服务和产品这两条腿,服务先给现金流,产品后给积累。这个顺序没什么玄的,手里有客户,心里不慌,做产品才敢慢慢磨。
对读者来说,这件事的意义在于,你不用等组件库有人付费了才开始有收入。组件站本身就是一份看得见的证明。老外看你能做出什么样的界面,就知道把活交给你靠不靠谱。帮老外做落地页也能用AI提速,具体怎么接活,可以看用AI帮老外做落地页设计。
UI组件库怎么定价?Aceternity UI Pro年付169、买断199、团队1590美金,买了不退
下面是2026年10月官网上的价格,不是2024年采访时的价格。
| 套餐 | 2026年10月官网价 | 划线原价 | 内容 |
|---|---|---|---|
| Free | 0 | 无 | 所有免费组件,复制粘贴,Next.js、React、Tailwind、Framer Motion,带文档和示例 |
| Annual Access | 169美金/年 | 249美金 | 200+付费区块、12+模板、整页落地页、1年更新、给Lovable、V0、Acebuilder等工具用的AI提示词、私有Discord、48小时支持,可随时取消 |
| Lifetime Access(标Most popular) | 199美金一次性 | 299美金 | 上面这些,加上终身更新和以后所有新内容 |
| Team | 1590美金一次性 | 1990美金 | 10个成员,终身 |
这张表里最要紧的一行是买断。买断199只比年付169多30美金,所以「Most popular」这个标签标在买断上,一点不奇怪。多30美金,从按年用变成一直用,谁都会算这笔账。买断比划线原价便宜100美金。团队版1590是10个成员,摊到每个人头上159美金。

付费版里除了区块和模板,还附带三样东西:给Lovable、V0、Acebuilder这类工具用的AI提示词,一个私有Discord,还有48小时支持。
这里有个概念要分清。Aceternity UI卖的是代码,买到手的代码进了你的项目;订阅制的SaaS卖的是软件的使用权,停了费就用不了。两种收钱方式差在哪,可以看国外SaaS赚钱那篇。
授权条款
官网上写得清楚,能做什么、不能做什么。
- 能给自己做无限个终端产品,也能给客户做,终端产品可以卖。
- 能改,能和别的作品组合在一起用。
- 一个组件可以用在多个项目里。
- 不能把组件当素材或者源码再分发,改过也不行。
- 不能在任何市场转卖组件或者衍生品。
- 不能拿它做主题、模板去市场上卖。
这几条划的是一条线:买的是用的权利,不是卖的权利。你可以用组件做出产品去卖钱,不能把组件本身当成商品再卖一遍。做数字产品的人,条款写清楚比什么都重要,写清楚了,后面跟人扯皮的事就少很多。

有人找付费版的免费下载,站方靠什么防
付费代码一定会有人想白拿,做数字产品的人都得提前想到这一层。这个站的做法写在页面上,就四条。
- 不退款。下载任何模板、复制任何组件代码,或者用MCP工具、AI智能体、命令行工具把代码导进项目里,都不能退。复制一个组件也算用过。
- 授权条款写明白,不许转卖、不许再分发。
- 终身更新,买断的人以后所有新内容都能拿。
- 私有社区和48小时支持,让付钱的人比白拿的人多得到东西。
逻辑是,白拿的人总会有,重点不是堵死,是让愿意付钱的人觉得付得值。你拦不住所有人,但可以让付钱那条路上的体验明显好过白拿那条路。白拿的人拿到代码,遇到问题没人管;付钱的人遇到问题,48小时内有回音,还能进社区问。站方能做的,就是把这条差距做大。

联盟分成30%
官网还有一个联盟计划:推荐成交,每一单分30%,所有套餐都算。加入走的是一个第三方联盟系统。

按2026年10月的价格算,推荐出去一单买断能拿59.7美金,一单年付能拿50.7美金。cookie时长和结算方式页面上没写。
对做内容的人来说,这是个额外的口子。写一篇组件库怎么选的对比,读者从你的链接进去买了,你就有分成。不用自己开发产品,也有一份收入,前提是你手上真的有一批会看这类内容的读者。
UI组件库有哪些?Aceternity UI、shadcn/ui、Magic UI和AI直接出界面
UI组件库有哪些,下面只摆三家能核到原话的。它们不是同一种东西,先分清楚。
| 名字 | 自己怎么说 | 免费还是付费 | 能核到的数字 |
|---|---|---|---|
| Aceternity UI | 200+ production-ready components, blocks and templates(2026年10月首页) | 免费组件,付费版卖区块和模板 | 付费版年付169、买断199、团队1590美金(2026年10月) |
| shadcn/ui | 「This is not a component library. It is how you build your component library.」(文档原话) | 开源,开放代码 | 无 |
| Magic UI | 「150+ free and open-source animated components」(首页) | 免费组件,另有Magic UI Pro,50+区块和模板 | GitHub约2.27万星(2026年10月) |
这张表要说的是,免费的动画组件这一块已经有人站住了,下面还有shadcn/ui这样的开源底座。再往下,AI已经能直接出界面,你说一句要什么样的页面,它给你一版。猎者出海的判断是,中国人做组件库,正面照着抄动画组件,前面有人,后面也有人。
Aceternity UI和Magic UI常被放在一起比。两家都做动画组件,都有付费版。这里只摆各自怎么说,不下谁好谁坏的结论。
真正该看的是位置。Aceternity UI站在「好看」这个位置上,卖的是审美和拼装好的整块。你要是站在同一个位置上,就得比别人更好看,那是最难赢的一场。就像一条街上已经开了家做得挺好的川菜馆,你非要在隔壁再开一家川菜馆,人家先来、口碑也在。换个没人占的口味,机会反而大一些。
中国人怎么做一个UI组件库网站?先挑窄场景,卡在英文分发和收款
这个站的路子,中国人是能照着走的。但不是照着做一个动画组件库,那样等于直接跟已经站住的人抢饭吃。
挑一个窄场景,别正面抄动画组件库
结构可以照抄:免费组件引流,付费卖区块和模板。场景得换一个更窄的。某个行业的落地页、某个框架的组件、某一类固定页面,都算窄场景。
怎么判断一个场景值不值得做,问自己三个问题:
- 这个场景有没有人在找现成的代码,对方要的是不是「给我一段能直接贴的」。
- 免费能找到的东西够不够好。免费的一搜一大把,质量还过得去,你就收不到钱。
- 付费那层能不能整页交付。只能给单个组件的收不上价,能一次给一整页的才有人买。
举几个例子,只是建议,不是谁做成了:只给某一类本地服务商做落地页模板,只做某个现成组件还不多的框架,只做定价页、常见问题页这一类固定页面。选哪个没有现成数据支撑,你得自己拿搜索量去看。
搜索量和难度去Semrush里查,别看聊天AI随口报的数。你从Semrush点几下,导出一次数据,大约1小时;拿到数据之后的分析、筛词,交给猎者出海的AI Agent。它会把整池词的歧义判掉、噪音筛掉、边界划清,每个词后面标上能怎么变现。它挡住的一个坑,是给每个近义词各做一页,页面看着多,会被当成规模化内容滥用。
第一版照站长的做法来
5到10个看得出差别的免费组件,一个能把代码复制走的站,先上线再改。站长当年就一个周末做完。组件库网站的第一版,别拖成三个月的项目。
部署成本很低。站长当年唯一的开销是Vercel每月20美金。文档站、落地页、博客这部分,今天已经可以交给猎者出海的AI Agent从零搭起来,十个阶段每段一道关,站照着你选的方向长出来。组件的代码可以借AI编程工具写,但选哪些组件、长什么样、好不好看,这部分得你自己扛,因为那正是别人会为它付钱的地方。
UI组件库网站第一版上线前,页面上要有哪几样
第一版的目标不是把功能做全,是先看有没有人愿意用。Aceternity UI最早那一版首页,网页存档里还能翻到,菜单只有两项:Components和Pricing。一个组件目录,一个定价页,就这两样。现在官网上的授权页、退款页、联盟页、团队版,都是后来加的。第一版照着这个来就行。
组件目录
目录页就是把做出来的组件摆一排,每个组件有个名字,配一小块看得见的效果。Aceternity UI的目录里排的是3D Card、Globe、Lamp、Sparkles这类,名字本身就说明了它长什么样。
做到什么程度算可以?把链接发给一个不认识你的开发者,对方往下滑一遍,能说出你这个站是干什么的。说不出,就是名字太虚,或者效果看不出来。名字往效果上靠,别往概念上靠。
每个组件一页
这一页要解决的不是展示,是拿走。开发者点进来,一眼看到效果,一键把代码复制走,这事就成了。
具体有三样不能少。效果要能直接看,最好在页面上动起来,别放一张不动的。代码要有一个复制按钮,点一下整段进剪贴板,不用自己框选。依赖和安装步骤要写清楚,用了哪些包、怎么装、版本对不对,都写在代码旁边。
Aceternity UI的免费层就是这么做的:复制粘贴,框架是Next.js、React、Tailwind、Framer Motion,每个组件带文档和示例。这三样做到位,一个组件页就算合格。
一个定价页
第一版菜单里要有定价页,哪怕付费内容还没做出来。有人看完免费组件,心里会有个念头:免费的就这些,还有没有别的。这时候页面上没有定价入口,对方要么去别处找,要么把你忘了。
定价页上写清楚付费能拿到什么。Aceternity UI现在卖的是整块的区块、整站的落地页模板和后续更新。你第一版可以先列一个大方向,比如整站模板,具体做几个后面再补。
授权和退款写在明处
这两样看着像法律文件,写清楚是为了让人敢下单,也省得以后扯皮。
授权页写清楚能干什么、不能干什么。Aceternity UI现在授权页写的是:能给自己和客户做无限个终端产品,能改;不许再分发,不许在任何市场转卖,不许做成主题模板去卖。你照这个框架,把能和不能分成两栏,一条一条列出来。
退款页写清楚规则,官网现在写的是付费版不退款,复制过一个组件也算用过。写得直白一点,不要用模糊说法。你第一版不用做那么细,但这两页要有,一条一句说清楚就行。
可以等有人付钱以后再补的
联盟计划、私有社区、团队版,这三样现在官网上都有,第一版可以先放下。
联盟计划是让别人帮你推、成交给分成,前提是有人已经在买,你才有东西可分。私有社区是给付费用户一个待的地方,前提是付费用户已经有一批,社区里才有话说。团队版是给公司里几个人一起用的套餐,前提是已经有人拿你的组件在公司里干活。
这三样都要等有了付费用户才转得起来。第一版塞进去,等于给自己加活,还没人看。先放着,等有人付钱,再一样一样加。
要提前防的事:英文开发者圈的冷启动
站长说,Aceternity UI的用户来自这几个地方:Product Hunt带来第一批,X让它传得很快,一个大的程序员媒体介绍过它,剩下的靠口碑,用户在公司里、社交网络里互相推荐。
中国人要提前准备的就是这一块。你得用英文在X上公开做,每做一个组件发一条演示,上Product Hunt。不是发一条「我的网站上线了」就完事,是把每个组件当成一条内容,一条一条往外发。今天发3D卡片,明天发定价页,让人每隔几天就看到你的名字。组件做得再好看,没人看到也白搭。X上的流量怎么做起来,可以看推特怎么涨流量。
刷票、买粉这类事不做。站长的量是真实用户互相推荐出来的,刷出来的数撑不起这个。
组件站上线一两个月没什么动静,先回查这几样
站长的原话是,Aceternity UI做了大约4个月后网站才有了不错的分发。上线一两个月没动静,不用慌,但也不能干等,按下面这个顺序回头查一遍。
组件跟免费同类比,一眼看得出不一样吗
怎么查:找几个做同类免费组件的站,跟自己的目录页并排打开。你自己都要愣一下才分得清,别人更分不清。
怎么改:不加功能,加效果。Aceternity UI免费组件的名字直接是3D Card、Globe、Lamp、Sparkles,动作写在名字里。你也把动起来是什么样放进名字和演示里。
演示第一眼能不能看到效果
怎么查:假装自己只扫一秒。第一眼看到的是效果,还是一堆说明文字?是这个组件本身,还是你写的一段介绍?
怎么改:演示放最上面,不用点、不用滚就能看见。要动的就让它动,别放一张不动的。说明文字放后面。
复制下来的代码能不能直接跑
怎么查:找一个没用过你组件的人,或者自己开一个干净项目,从组件页复制代码,粘贴,按你写的步骤装依赖,跑一遍。中间只要卡一下,就是问题。
怎么改:依赖写全,版本写清楚,安装命令一步步给。Aceternity UI免费层写的是Next.js、React、Tailwind、Framer Motion,每个组件带文档和示例。你也把框架和依赖列在代码旁边,别让人自己去猜。复制就能跑,这个组件才算做完。
每做一个组件,有没有在X上发一条演示
怎么查:翻自己X的时间线。是每做一个组件就发一条演示,还是只发过一条「上线了」?只发一条,后面全靠别人自己发现,就不太会有动静。
站长说过,X让Aceternity UI传得很快,之后靠口碑在公司里、社交网络里互相推荐。站长是怎么一条条发的,采访里没细说;对新站来说,一条一条发组件演示,比上线那天喊一嗓子更靠得住。
怎么改:从今天起,做一个发一条。发的就是演示,动起来的样子,配一句它干什么用。不用写长文,发演示本身。
Product Hunt上线前,有没有能直接试用的页面
怎么查:假设你现在就是Product Hunt上刷到你的人,点进来第一屏看到什么。能不能不注册、不付钱,直接点一个组件、看到效果、把代码复制走?
怎么改:Aceternity UI的第一批用户是Product Hunt带来的。第一屏没东西可试,点进来的人就走了。上线前把免费组件摆最前面,让点进来的人三步之内能复制走一段代码。
免费给的够不够好用
怎么查:只看免费那一层。一个开发者只用免费组件,能不能拼出一个像样的页面?拼不出来,就是免费层给少了。
站长原话是provide lots and lots of value for free,意思是免费给足。这不是做慈善,是先让人用起来,用顺手了才会看付费的内容。Aceternity UI现在免费层是全部免费组件、复制粘贴、带文档和示例,付费层是整块区块和整站模板。免费层不够厚,付费层就没有立足的地方。
怎么改:往免费层加组件,加到能拼出一整个页面为止。站长最早写博客讲怎么做组件,数据显示没人读,大家只想赶紧把代码拿走,站长才改成复制粘贴的组件站。你也一样,免费给的东西要让人拿到手就能用。
要提前防的事:收款
这件事要在动手之前想好,不是等有人要付钱了才去查,那时候人就在门口等着,你收不了钱最尴尬。
Stripe官网的支持国家名单里没有中国大陆,有香港、新加坡、日本这些地方。Lemon Squeezy的银行打款名单里有香港、没有中国,它的PayPal打款覆盖200多个国家和地区。两张名单里都不在,就用不了。这些是2026年10月的情况,具体以平台官网名单为准。

所以要提前想好:用什么主体收钱。常见的收款方式有哪些,可以看国外网上赚钱项目常见收款方式。如果走Lemon Squeezy的PayPal打款,得先把PayPal账号弄好,注册流程在PayPal注册教程里。

被抄、被白拿怎么防
组件这种产品,代码是看得见的,被抄是迟早的事。站长的做法是三条:授权条款写清楚不许转卖、不许再分发;数字产品不退款写在明面上;持续更新,让买断的人一直觉得值。
你唯一能守住的不是代码,是别人认不认你这个站,以及你会不会一直更新。这件事没什么技巧,就是一直做。
服务这条腿也能走
组件站就是一份作品集,能接海外的建站单。老外看你能做出什么样的界面,就知道你的水平在哪。接单可以在哪些平台挂,看国外做UI/UX设计赚美金:接单平台。能接多少单、单价多少,要看你的作品和报价。
用AI做UI组件库网站:哪几步交给猎者出海的AI Agent,哪几步你自己来?
站长当年是一个人一个周末把第一版做出来的。今天做同样的事,有些环节能交出去,有些交不出去。分开看。
| 环节 | 站长当年怎么做 | 猎者出海的AI Agent做什么 | 你做什么 |
|---|---|---|---|
| 定方向 | 从自己的爱好来,博客没人读才改成组件站 | 动手之前判断方向能不能做、会不会被AI答完 | 定场景和变现方式,免费引流加付费区块 |
| 挖词 | 采访时才开始做SEO | 挖词选词,每个词带上变现方式,规划成组,比如每个组件一页、每类模板一页 | 从Semrush导一次数据给AI分析,大约1小时 |
| 建站 | 自己用Next.js、Tailwind CSS、Framer Motion一个周末做完 | 从零开发、十个阶段每段一道关;管的是文档站、落地页、博客这部分,组件本身的代码不是它的活 | 组件的设计和审美、验收 |
| 写内容 | 博客写了没人读,改成直接给代码 | 选题、大纲、成稿、按数据加内链;发前做AI味检测 | 定每个组件的说明怎么写 |
| 运营 | 站长自己在X上发、看反馈 | 自己拉数据,每周给一张改稿单 | 在X、Product Hunt上亲自发,亲自回复用户 |
最后一行要多说一句。站长的量是口碑堆出来的,用户在公司里、社交网络里互相推荐。这件事工具替不了,得你本人在X上一条一条发,有人评论了你自己回。工具负责告诉你哪篇该改、哪几个地方该换,你负责跟人打交道。
可照抄的提示词
下面两条可以直接拿去用,都是围着组件库这个场景写的。
第一条,给组件做推广用的X帖文:
「下面是一个React组件的代码和一段10秒演示的文字描述。请写3版英文X帖文,每版不超过200字符:第一句说它解决什么界面问题,第二句说怎么用,不用感叹号,不用emoji堆砌。」
人要核的是语气和画面。AI写出来的英文读起来容易像说明书。你得自己改成说话的味道,配真实录屏再发。录屏得真的是你这个组件的效果,不能拿别人的。
第二条,写组件文档用的:
「根据下面的组件代码,列出它所有props,生成文档表格(名称、类型、默认值、说明),标出你从代码里推断不出来的项。」
人要核的是最后那句。AI标出来「推断不出来」的地方,就是你要自己去翻代码、自己确认的地方。它没标的,也抽查几项。文档写错了,来的人第一次用就踩坑,下次就不会再来。
还有两条同类的,也可以试。让AI根据组件代码列出这个组件在手机屏幕上可能出问题的地方,你在真机上一条一条看。让AI把一批组件按「适合哪类页面」分类,标出它没把握的,那些就是你自己得拿主意的。这两条的共同点是:AI出题,你验收。AI编程工具现在也能帮着写代码,具体怎么用可以看Cursor AI编程工具测评和使用教程。
AI生成界面以后,组件库往哪走
这两年有个变化。付费版里写着附带「AI-ready prompts for Lovable, V0, Acebuilder and more」,就是给这几类AI工具用的提示词。退款条款里还提到,用MCP工具、AI智能体、命令行工具把代码导进项目里的,也不能退。说明这个组件库已经不只是在卖给开发者看了,它还在往「给AI编程工具喂素材」这个方向走。
下面是推测,不是站方说的:以前是开发者打开网站,挑一个组件,复制走;以后可能是开发者对AI说一句「给我做一个带3D卡片的定价页」,AI直接从组件库里拿。付费版送这些提示词,看得出站方在往这个方向准备。
Lovable这类AI建站工具怎么用,可以看Lovable AI建站工具测评和使用教程。
AI做不了的
有三件事,工具替不了。
- 替你提供第一手经历。站长那句「博客没人读」,是自己看数据看出来的,编不出来。
- 冒充专业人士下结论。哪个组件好看、哪个交互别扭,得有人真的用在项目里才知道。
- 替你选方向。做哪个窄场景、免费给哪些、付费卖什么,这些判断得你自己下。
工具把「做出来」这一步的成本压得很低,剩下的价值就跑到判断上了。你挑的场景对不对,你的组件好不好看,你愿不愿意每天在X上发一条,这些工具都不管。
猎者出海主力做的是英文独立站和英文数字产品,工作流程里大量用AI。把建站、写内容、日常运营这些交出去之后,一个组件库网站真正的门槛就剩三样:组件的审美、英文开发者圈的分发、收款。这三样都不算难,但要提前排期,别等做到一半才发现卡住。这类卖现成东西给开发者的路子,本质上都属于独立站赚钱里的一种。
常见问题
Aceternity UI免费吗
免费那部分是真免费,所有免费组件复制粘贴就能用。付费版卖的是区块和整页模板,2026年10月官网价是年付169、买断199、团队1590美金。
Aceternity UI的组件能商用吗
能商用。授权条款写的是可以给自己和客户做无限个终端产品,终端产品可以卖,也可以改,一个组件能用在多个项目里。不能的是把组件当素材或源码再分发,不能转卖组件本身,也不能拿它做成主题模板去市场上卖。
不会前端能做UI组件库网站吗
站长本人是开发者,起步用的都是自己会的东西。现在AI编程工具能帮着写组件代码,但选哪些组件、长什么样、好不好看,得你自己定,出来也得自己上真机看。这里不保证效果。
独立开发者出海怎么收款
主要看两件事:你用什么主体开号,平台的打款能不能到那个地方。前面那节把Stripe和Lemon Squeezy的名单情况说过了,对着看就行。
买了Aceternity UI Pro能退款吗
不退款。页面上写得很直白:下载任何模板、复制任何组件代码,或者用MCP工具、AI智能体、命令行工具把代码导进项目里,都不能退。复制一个组件就算用过了。
发表评论