Blueprints

Remotion

Make videos programmatically in React — compositions, animation, and rendering

  • @Remotion Create an animated chart with 5 bars

  • @Remotion Make an animated call-to-action subscribe button for our YouTube channel

  • @Remotion Use Remotion to add captions and audio to a video composition.

Write videos as React code with Remotion. Scaffold a project and its compositions, animate with frame-driven markup, layer in captions, audio, maps, and interactive elements, preview the result in Remotion Studio, then render to a file. Remotion maintains these skills in its own repository, so the guidance tracks the framework rather than a snapshot of it.

Skills

1
  • remotion-best-practicesBuild videos programmatically with Remotion — create compositions, write React markup for frames, add captions and audio, handle interactivity and maps, drive Remotion Studio, render output, and upgrade projects. Routes to the matching Remotion sub-skill.

Information

Setup

Set up Remotion

This App does not need extra setup.

No extra setup is required. Add Remotion to a project to use it.