Animation Overview
AETHER agents can create motion graphics — short animated videos — using Remotion, a React-based animation framework. You describe the video in plain language, the agent writes the animation code, and a Live Preview plays it instantly in your browser. When you're happy, you download a ready-to-run project and render the final video on your own machine.
This page explains what the feature is, how to switch it on, and how the workspace is laid out. The pages that follow walk through each part step by step.
What you can build
- Title cards, intros/outros, lower-thirds and logo reveals.
- Explainer and social clips (16:9, vertical 9:16, square 1:1, and more).
- Sequences with text, shapes, gradients — and your own images, video, audio, fonts and 3D models.
Preview now, render later. Generation produces code only — no video file at first. You iterate against the instant in-browser preview, then render the MP4 locally from the downloaded project. This keeps iteration fast and free.
Step 1 — Enable Animation for the agent
Animation tools are off by default. To turn them on:
- Open your agent in the builder and go to the Configuration tab.
- Scroll to Advanced Settings → Animation Settings (Remotion).
- Turn on Animation Enabled ("Let this agent build and edit Remotion animation projects").
- (Optional) Set the Generation model — the model the agent uses to write the Remotion code.
It defaults to
gpt-5.4and is the biggest lever on animation quality, independent of the agent's chat model. - Click Save.
Until this is on, the Animation tab shows a reminder and the agent can't read or edit animation projects.
Step 2 — Open the Animation workspace
Switch to the Animation tab in the builder — the Animation Workspace. From here you'll:
| Area | What it's for |
|---|---|
| Live Preview | Plays the current animation instantly in the browser. |
| Motion Director | Plan your video as an editable storyboard before generating. |
| Console | An activity & auto-repair log showing what's happening under the hood. |
| Assets | Upload images, video, audio, fonts and 3D models the agent can use. |
| New Project | Start fresh and pick format, frame rate and duration. |
| Download Project | Get a runnable project to render the final MP4 locally. |
| Refresh | Reload the workspace, assets and preview. |
A pulsing dot on the Animation tab means an animation is currently being generated.
The end-to-end flow
1. Enable Animation (Configuration → Advanced Settings)
2. (Optional) Plan a storyboard in the Motion Director
3. Describe the video in the Testing chat ─▶ agent writes Remotion code
4. Watch it in the Live Preview ─▶ iterate by chatting ("make the title bigger")
5. Upload Assets and reference them by name
6. Download Project ─▶ render the MP4 on your machine
Step 3 — Start a project
Click New Project to set the canvas up front:
- Format — Landscape 16:9 (1920×1080), Vertical 9:16, Square 1:1, Portrait 3:4, Standard 4:3, or Cinematic 21:9.
- Frame rate — 24, 25, 30 (default) or 60 fps.
- Duration — 5, 10, 15 or 30 seconds, or 1, 2, 5 or 10 minutes.
The duration you pick is the length of the video. The agent fits your content into that time; if a brief is too dense to be readable, it keeps the key points and suggests you lengthen the video. To change the length, start a New Project (or ask for a longer one) — this setting is authoritative.
New Project wipes the workspace back to the starter template and clears any Motion Director storyboard, so download anything you want to keep first.
Next steps
- Creating Animations — the full step-by-step.
- Motion Director — plan a storyboard before you generate.
- Assets — bring your own media.
- Downloading & Rendering — produce the final MP4.