raea

Migrate from Remotion to raea

raea's composition API uses the same building blocks you know from Remotion, so most simple scenes move over by changing an import. Here is the path, and what to check.

Compatibility coverage is not yet documented needs a compatibility table from the docs. This guide lists only the names raea's own docs show.

1

Install raea

curl -fsSL https://raea.io/install | sh

Or paste the install prompt into your agent. The installer adds raea's skills to ~/.claude/skills.

2

Change the import

- import { AbsoluteFill, Composition, Sequence, interpolate, useCurrentFrame } from "remotion";
+ import { AbsoluteFill, Composition, Sequence, interpolate, useCurrentFrame, registerRoot } from "raea";
3

Register the root

registerRoot(() => (
  <Composition id="hello" component={Hello} width={1920} height={1080} fps={30} durationInFrames={90} />
));
4

Look at a frame, then render

raea render hello.tsx -o frame.png --frame 45
raea render hello.tsx -o hello.mp4
raea check hello.mp4
5

Or let your agent do it

Port this Remotion project to raea. Read raea's skill first, change the imports,
render three frames to check them, then render the mp4 and run raea check.

What to check

  • •Browser-only APIs (DOM measurement, iframes) and Remotion-only packages such as Lambda or the Player.
  • •Fonts and assets: copy them into the raea project.
  • •Timing: Sequence frames count from the sequence's own start, as in Remotion.