Performative-UI 在 Show HN 语境下放出了一个 MIT 许可的 React 组件库,项目自称是 “AI-native React components for AI startups”,安装命令很直接:npm install performative-ui。它包含 26 个组件,从按钮、Prompt、Hero、背景到聊天气泡、Logo 展示、定价卡、等待名单表单,几乎把一个 AI 初创公司官网的常见模块打包齐了。
这件事的重点不在“又一个 React UI 库”诞生了,而在它把 AI 官网的视觉套路和营销话术做成了可复用代码。Performative-UI 的文案本身就是核心内容:StatusDot 写着 “Always green”,StickyBanner 是 “Funding news disguised as utility”,WaitlistForm 则是 “Demand we manufactured ourselves”。这不是功能承诺,而是讽刺文本。
26 个组件复刻了 AI 官网的标准表情
Performative-UI 覆盖的模块很完整,完整到足以让前端开发者一眼认出那些熟悉页面:渐变文字、发光按钮、输入框式 Hero、Aurora 背景、Logo Marquee、聊天浮窗、等待名单和中间档发光的定价卡。
| 模块 | 典型组件 | 它模仿的官网惯例 | 判断 |
|---|---|---|---|
| 视觉氛围 | Sparkle、GradientText、Aurora | 把普通名词包装成 AI 感 | 设计语言已经高度模板化 |
| 产品解释 | Prompt、PromptHero、MockIDE | 用输入框代替清楚的价值说明 | 交互姿态压过产品定义 |
| 社会证明 | LogoMarquee、StatCounter、CommunityBadge | 用 Logo、星标和数字制造可信度 | 增长叙事常被前置 |
| 转化链路 | PricingCard、WaitlistForm | 发光套餐、排队等待、制造稀缺 | 营销组件比产品证据更醒目 |
它和 shadcn/ui、Tailwind UI 这类工具的区别也在这里。后者提供的是通用界面能力,目标是让团队更快交付产品;Performative-UI 则把“看起来像一家 AI 公司”本身做成产品。它能用,但它更像一面镜子。
真正被讽刺的是同质化,而不是前端技术
过去两年,AI 初创公司的官网形成了一套稳定语法:深色或半透明背景、发光渐变、滚动 Logo、聊天气泡、实时 Token 输出、等待名单、融资新闻夹在产品更新里。单个元素并不荒唐,荒唐的是它们在不同产品上反复出现,直到页面比产品更先被识别。
这也是 Performative-UI 值得写的原因。它没有发布新模型、没有公布客户名单,也没有给出下载量或商业计划。它只是把行业里大家心照不宣的模板化表达拆成 26 个组件。对前端开发者来说,这是一套可以安装的玩梗素材;对做 AI 产品和市场的人来说,它提醒团队别把“像 AI 公司”误当成“解释清楚产品”。
受影响的是写页面的人,也是批准页面的人
最直接受影响的不是普通用户,而是前端开发者、设计师、创始团队和市场负责人。一个团队如果正在赶 AI 产品落地页,Performative-UI 可能会让他们笑一下,也可能让他们重新检查页面:哪些模块在交代真实能力,哪些只是借用行业流行语。
它的限制同样清楚。Show HN 发布语境意味着这更像社区项目,而不是大型公司的正式产品发布;MIT 许可降低了试用门槛,但不等于它已经进入生产环境。接下来最该观察的不是下载量被炒到多高,而是它会停留在讽刺作品,还是被真实创业团队反向采用,成为被它嘲笑的那套模板的一部分。
