remotion-video

Installation
Summary

Programmatic video creation with React components, animations, and audio synchronization.

  • Compose videos using React components with frame-based animation via useCurrentFrame() and interpolate() for precise timing and motion control
  • Supports audio integration (MiniMax TTS for voice cloning, Edge TTS for free synthesis) with automatic scene synchronization via audioConfig.ts
  • Includes 3D video capabilities via React Three Fiber for product demos, character animation, and data visualization; WebGL context management required for multi-scene rendering
  • Renders to MP4, WebM, GIF, image sequences, and audio formats; supports AWS Lambda for distributed rendering and web player embedding
SKILL.md

Remotion Video

用 React 以编程方式创建 MP4 视频的框架。

核心概念

  1. Composition - 视频的定义(尺寸、帧率、时长)
  2. useCurrentFrame() - 获取当前帧号,驱动动画
  3. interpolate() - 将帧号映射到任意值(位置、透明度等)
  4. spring() - 物理动画效果
  5. - 时间轴上排列组件

快速开始

创建新项目

npx create-video@latest
Installs
650
GitHub Stars
221
First Seen
Jan 25, 2026