A gallery of real app UI motion — 2000+ screen recordings across 487 apps, filterable by gesture and interaction pattern
Remotion
Make videos in React — the timeline is state and every animation is a component, built for data-driven motion graphics and batch rendering
Content updated · 2026-09-14
What is it · 它是什么
What is Remotion?
Remotion treats video as React components: the timeline is state and every frame is a render. It fits data-driven motion graphics, batch video generation (report videos, automated content) and code-first creative shorts, and can power your own video-editing app. Licensing note: free for individuals and teams of up to three people (all features); companies of four or more need a commercial license, and automated rendering is usage-based.
How to use · 怎么用
How to use Remotion
- Start from official templates to grasp the frame-by-frame programming model.
- For data-driven video, feed a data source into components and render in batch.
- Check whether your team size falls under the free tier before production use.
Key features · 核心特点
Key features of Remotion
- Video as React: timeline and animations fully in code
- Batch rendering and programmatic video (AI-workflow friendly)
- Build your own video editor or rendering app on top
- Free for individuals and teams up to 3; company licenses required above that
Related sites
Compose animations by stacking words - fade, up, slide - no keyframes, 3KB core
A front-end playground — a dense hub of motion snippets and experiments