资源列表
这个列表试图将所有模板、库、构建块和示例汇总到一个地方。通过点击下面的“改进此页面”按钮来添加更多内容到列表中！
模板
- Hello World（TypeScript）（源代码，预览）
- Hello World（JavaScript）（源代码，预览）
- 空白（源代码，预览）
- React Three Fiber（源代码，预览）
- 静态图像（源代码，预览）
- 文字转语音模板（Azure）（源代码）
- 文字转语音模板（Google）（源代码）
- 音频图（源代码）
- Skia（源代码）
- Tailwind（源代码，预览）
- 带有拉取请求视频预览的Hello World模板
- 具有最佳实践的库启动模板
SaaS启动套件
集成
特效
播放器
动画辅助工具
- Remotion Animated
- remotion-transition-series
- remotion-time - 使用
seconds作为时间单位而不是frame - Spring 编辑器
- remotion-animate-text
- remotion-subtitle - 字幕辅助工具和样式
完整项目
- GitHub Unwrapped 2023
- GitHub Unwrapped 2022
- GitHub Unwrapped 2021
- Podcast 制作人
- Stargazer
- MapSnap (独家供公司许可订阅者使用)
- Mockoops
- Product Hunt 今日推荐
- Remotion 天气
- Rewind 表格 (Remotion 的 Airtable 模板)
- 会议演讲者公告卡
- Motionly.video
- DataVids
- 条形竞赛图表
示例
- 使用 Tone.JS 的音乐 (源代码, 预览)
- 动画 .glb 模型 (源代码, 预览)
- 打字机效果 (源代码, 预览)
- D3.js 示例 (源代码, 预览)
- 绿幕效果 (文档)
- 噪音可视化 (文档)
- 音频可视化 (文档)
- 3D 文本 (源代码, 预览)
- 波浪 TikTok 效 果 (源代码)
- 苹果 "Spring loaded" 动画 (源代码)
- Three.js 粒子动画 (源代码, 预览)
- 文本变形 (源代码, 预览)
- 文本扭曲 (源代码, 预览)
- 动画 GLTF 模型 (源代码, 预览)
- OpenGL 过渡效果 (源代码, 预览)
- 使用 React 的会议演讲 (源代码)
- 使用 React 的会议演讲 #2 (源代码)
- Twitch 过渡效果示例 (源代码)
- DevContainer 模板 (源代码)
- Anime.js 示例 (源代码, 预览)
- Mapbox 示例 (源代码)
- Shader 示例 (源代码)
- 无需重新挂载的跳切 (源代码, 预览)
- CSS 动画 (源代码, 预览)
- Globe.gl 示例 (源代码)
- 测量 DOM 节点的大小 (源代码, 预览)
- 光泄漏过渡效果 (源代码, 预览)
视频
查看 展示 以查看使用 Remotion 制作的视频。
教程
- Spotify Wrapped
- Programmatic Stories
- Basketball Tracker
- Formula 1 Graphics
- Remotion Skia Tutorial
- Fireship: Remotion Tutorial
- CRT effect
- "使用代码创建视频" by Prismic
- 将 GreenSock 与 Remotion 集成
- DVD Screensaver Tutorial
- Alfonso Graziano 的 Remotion 教程
- 定时动画
- "使用 Remotion 和 AI 从播客创建视频"
工具
黑科技
人员
产品
参见
- Remotion GitHub 专题
- Discord 上的 #resources 和 #showcase 频道](https://remotion.dev/discord)
我们文档中的许多资源没有包含在此列表中，以避免过多的冗余。
搜索 文档，看看我们是否有您正在寻找的文章！