Motion: Free Motion Graphics Editor Online | Morph

Motion is a motion-graphics editor in your browser: layers stacked in a composition, each property — position, scale, rotation, opacity — animated with keyframes on a timeline, eased with Bezier curves, and compositions nested inside compositions. Playback runs in real time on Morph's own motion engine. Projects are read from and written to your own device; nothing is uploaded.

The four panels

Project — a folder tree of your composition: Main Comp, Texts, Assets, Precomps, Solids. Each folder is a drag target for your files.
Composition viewer — the stage. Layers render bottom-up with their transforms evaluated at the playhead frame.
Properties — the selected layer's Position X/Y, Scale, Rotation and Opacity, each animatable.
Timeline — the layer stack with visibility, audio, solo, lock and shy toggles, a playhead, and Bezier keyframes per property.

Keyframes

Click the stopwatch next to a property to enable animation. Move the playhead, change the value, and a keyframe is recorded. The default easing is a cubic Bezier ease-in-out; each keyframe can be set to linear, ease-in, ease-out, bounce, back, or custom handles.

Compositions

Create as many as you need, each with its own width, height, frame rate and duration. Nest one inside another as a precomp and it updates everywhere it is used.

.aepx interop

Motion reads .aepx, the XML project format (File → Save a Copy As → XML in the app that made it). Layers, transforms and keyframes come across so an existing project can continue in the browser.

How to use

Open Motion — Go to morph.cool/motion. The editor loads in the browser; no account and no installation.
Create a composition — Set width, height, frame rate and duration. Drop images, video or text layers into the Project panel; they are read on your device.
Animate a property — Select a layer, click the stopwatch next to Position, Scale, Rotation or Opacity, move the playhead, and change the value. A keyframe is recorded automatically.
Shape the motion — Set each keyframe's easing — ease-in-out by default, or linear, bounce, back and custom Bezier handles. Nest repeated elements as a precomp.
Preview and export — Press Space to play. Export the composition as a video file rendered on your machine.

Frequently asked questions

Is Motion free?

Yes. Open it and animate with no account. Morph Pro adds the limitless version of every pro program.

Can I open .aepx projects?

Motion reads .aepx, the XML project format a motion-graphics app can save. Layers, transforms and keyframes are imported.

Are my assets uploaded?

No. Assets, the project and the render all stay in your browser on your device.

What are the keyboard shortcuts?

Space plays and pauses, Home and End jump to the start and end, V is the selection tool, H the hand tool, and Delete removes the selected layer.

Can compositions be nested?

Yes. A composition placed inside another becomes a precomp and updates everywhere it is used.