01
Background
为什么做
Remotion 的魅力在于“用 React 做视频”，但模板是上手速度的关键。这个集合把可复用的动画片段整理成入口。
Templates / VideoSelected
Remotion 视频模板
免费开源模板集合
浏览 Remotion 动画视频模板：按类型分类，支持一键复制代码快速上手。
- Remotion
- React
- Templates
- Copy
Open the product
Start with the live surface
Live preview
部分站点可能因为安全策略无法被嵌入；遇到空白时请用上面的 Open live。
Access
For this type of entry, the strongest content is the live product itself. The notes below are there to frame what matters, not to replace the real experience.
Visual history
Latest state first, previous interface states preserved underneath
This timeline keeps a readable visual memory of the surface, so the newest cover can stay on the project card without erasing what came before.
Latest
Latest
2026-04-05
Archived
Archived cover
2026-04-04
Archived
Archived cover
2026-04-04
Archived
Archived cover
2026-04-04
Project notes
What to know before opening the live product
02
Scenario
应用场景
- 短视频/宣传片开场动画。
- 数据可视化/字幕模板快速复用。
- 作为团队视频工程的模板库。
03
Delivery
实现了什么
- 模板列表与分类按钮（如文字动画等）
- 模板入口与预览信息
- 复制代码即用的工作流
04
Design
设计要点
- 让“找到模板”比“看介绍”更快：筛选放在首屏。
- 把文档外链保留，但不打断浏览节奏。
05
Tech
技术实现
- 模板元数据驱动的列表渲染
- 以复制为核心的交互细节
Flow
The path from entry to completion
This version is best understood as a living product: entry points, feedback loops, and completion states matter as much as the surface design.
Browse / Filter / Copy / Build
Open project: Prompt Hub 
Prompt Hub
面向个人/独立开发者的实用提示词收集库：精选可复用模板，减少试错成本。
Open project: CLI Command Reference 
CLI Command Reference
Gemini CLI、Claude Code 与 Shell 交互语法参考：支持搜索、过滤与一键复制。
Open project: Motion Atlas 
Motion Atlas
把前端动效做成可浏览的合集：先看预览，再选模板，再落地到真实项目。