质感往往卡在「缺参考、缺零件」。下面五个站点覆盖 AI 提示词、动效组件、开源 UI 元素与动画库,特别适合 Vibe Coding。原则只有一句:同一页最多突出一到两个明星模块,其余保持安静。
Motion Sites:动效提示词库
内置大量动效向 AI 提示词,适合复制到 Cursor、Codex 或国产大模型里复刻高级落地页节奏。用法:先锁定转化目标与品牌气质,再选提示词,避免无脑追炫。
React Bits 与 Uiverse:组件与 UI 元素
React Bits 开源免费,环形画廊、星空、视差等可直接拷提示词或源码。Uiverse 提供海量开源 UI 元素,按钮、加载态、卡片一应俱全。选型时看许可、包体积与无障碍:装饰组件不能挡住键盘与读屏。
Anime.js 与 Aceternity UI:动画与成品质感
Anime.js 擅长弹簧、滚动联动与形态变形;Aceternity UI 常见于产品站,背景网格、光束、卡片翻转等可一键复制。落地前确认依赖与首屏预算。把五站当成「补给箱」:提示词定叙事,组件补关键视觉,动画库串节奏。
收藏清单怎么用才不乱
为每个站点建三条笔记:适用场景、禁止滥用情形、上次成功案例截图。下一次开项目先检索笔记,而不是重新刷收藏夹。