动效 Prompt 银行 · Motion Prompt Bank

想做哪种动画，就抄哪条 prompt。 每个条目 = 一张 GIF（这条 prompt 实际渲染出来的效果）+ 一条复制即用的 prompt。把 prompt 交给你的 coding agent（Claude Code / Codex 都行），配合 HyperFrames 渲染成视频。

这些不是"大概能出个类似效果"的 prompt —— 每张 GIF 都是用旁边那条 prompt 真实构建渲染出来的。

怎么用: 看 getting-started.md（3 步：init → 贴 prompt → render）。

想投稿自己的动效? 看 CONTRIBUTING.md —— GIF 必须由你的 prompt 真实渲染出来。 · Want to submit your own? See CONTRIBUTING.md.

🅰 Logo 动画 · Logo Animations

预览	名称	效果
	描边发光 Logo 亮起	线条光笔描画点亮 + 光斑奔跑 + 字标升起
	巨字重锤字标	品牌词一记硬砸入场，落地后微呼吸
	RGB 色散快闪	红绿蓝色散抖动，"咔"地锁定 — 电子签名
	液态融合 Logo	液滴游动融合成一个整体 logo
	粒子聚形 Logo	成百光点飞来拼成 logo
	液体灌注 Logo	液体从底部涨上来把 logo 灌满
	3D 立体旋转 Logo	带厚度的 logo 在空间里旋转飞入
	霓虹点亮 Logo	霓虹灯管通电闪烁点亮

🅱 产品广告 · Product Ads

预览	名称	效果
	手机 App 演示广告	3D 视角手机里 App 真实"用起来"
	产品特性标注广告	标注线从产品上长出来，特性依次点亮
	Before/After 对比擦除	发光分割线把"之前"擦成"之后"
	结尾 CTA 卡	logo 落定 + 按钮呼吸 + 指尖点击
	爆炸拆解广告	零件炸开悬浮标注，再严丝合缝复原
	好评口碑广告	五星点亮、好评卡叠入、头像墙铺开
	降价爆点广告	原价划掉、新价砸下、限时印章 + 倒计时

🅲 数据动画 · Data Animations

预览	名称	效果
	数据战报仪表盘	主指标滚动跳涨，副指标依次点亮
	柱状图生长	柱子按节奏长起来，冠军最后落地
	折线图描画 + 标注	趋势线一笔画出，关键点位弹标注
	环形图扫入	环形分段扫入，圆心数字滚动，主段高亮
	图标阵列占比	图标依次点亮，"10 个里有 7 个"
	横向条形竞速榜	条形你追我赶、名次实时重排
	时间线里程碑	主线画出，里程碑节点依次弹入

🅳 字幕动效 · Caption Motion Graphics

先看 captions/README.md —— 什么时候用哪一档。

预览	名称	效果
	巨字重锤	关键词说出的那一帧，巨字硬砸进画面
	逐字卡拉OK	说到哪个词哪个词弹起变色
	人后穿字	巨字从人身后穿过，瞬间有纵深
	RGB 故障字	色散抖动锁定 — 一条视频用一次
	手写海报叠字	粗黑海报骨架 + 手写签名描画
	咬合字块	单词像填字游戏咬合成一个字块
	荧光笔药丸字	荧光药丸一颗颗盖章落下
	冲脸巨字	单词从画面深处飞到你脸上
	字后穿字	一个词从另一个巨字的笔画后滑过
	环绕字光环	单词沿椭圆环绕在人物头部周围
	满幅散布巨字	巨字散布人物四周，有的藏进身后
	焦点拉字	文字和人物在同一镜头里拉焦点

🅴 发布片场景 · Launch-Trailer Scenes

16:9 电影感画幅（1920×1080），产品发布片 / launch trailer 的整场镜头 — 逆向自真实 AI 产品发布片的可复用场景。

预览	名称	效果
	提示词输入条开场	发光输入条逐字打出、光标点击发送、炸出巨字宣言
	成片墙爆开	几十张成片卡从景深飞入散落成墙，"50 videos. one upload."
	AI 评分面板	玻璃面板滑入：分数滚动、星星点亮、指标卡叠入
	Agent 任务流	状态点依次亮起 + AI 思考文字流式打出带荧光高亮
	关键词连线快闪	渐变光线划过，划到哪儿哪个关键词弹出，合体成宣言
	功能星环 Logo	logo 落定中心，功能胶囊带迷你 UI 绕着漂浮
	万物拖入	链接/文档/图片/视频甩进画面，巨字被撞，吸入发光槽
	极光玻璃面板	极光虚空里玻璃 UI 面板漂浮，色块片段依次点亮
	光球等式卡	发光球拉伸成箭头："1 hour → 20 seconds" 视觉等式

English

A copy-paste prompt bank for HTML motion graphics. Each entry pairs a GIF (the actual render) with the exact prompt that produced it. Hand the prompt to your coding agent (Claude Code / Codex) and render with HyperFrames — see getting-started.md.

Five categories: Logo animations (8: stroke-glow reveal / kinetic wordmark slam / RGB-split sting / liquid metaball morph / particle assembly / liquid fill / 3D extrude spin / neon flicker-on) · Product ads (7: phone-mockup / feature callouts / before-after wipe / CTA end-card / exploded view / review social-proof / price-drop stamp) · Data animations (7: count-up dashboard / bar-chart grow / line-chart draw / donut sweep / pictograph isotype / bar-chart race / timeline milestones) · Caption motion graphics (12: hero slam / word-pop karaoke / behind-subject ghost / RGB glitch / script-poster stack / interlock stack / highlighter pills / z-punch camera fly / text-behind-text / word halo / scatter full-bleed / rack-focus blur — register guide in captions/README.md) · Launch-trailer scenes (9, all 16:9 cinematic, reverse-engineered from real AI-product launch films: prompt-bar typing hero / video-wall mosaic / AI scorecard panel / agent task stream / keyword path sting / feature-orbit logo / drop-anything stack / aurora glass panels / orb equation card).

Every prompt is self-contained with {PLACEHOLDER} tokens for your brand, copy, and data. The GIFs were rendered from these exact prompts — what you see is what the prompt builds.

License

CC BY-NC-SA 4.0 — use and remix with credit, non-commercial. Videos you render from these prompts are yours.

Made by 小蓝不打工了 / Cindy Spark.