Motion graphics · v1 scaffold

Motion

Layer-based compositing with per-property keyframe animation, played back in real time on Morph's own motion engine. Browser-native.

The four panels

Project

Folder tree of your composition. Main Comp, Texts, Assets, Precomps, Solids — each a drag target for files.

Composition viewer

Center stage. Renders your layers stacked bottom-up, transforms evaluated at the current playhead frame.

Properties

Right-side panel. Selected layer shows Position X/Y, Scale, Rotation, Opacity — animatable per property.

Timeline

Bottom dock. Layer stack with per-row visibility / audio / solo / lock / shy toggles. Cyan playhead with glow. Bezier keyframes per property.

Keyframes (the heart of Motion)

Click the stopwatch icon next to any property → animation enabled. Drag the playhead to a different frame, change the value → automatic keyframe. Default easing: cubic bezier ease-in-out. Override per-keyframe with linear, ease-in, ease-out, bounce, back, or custom Bezier handles.

Compositions

Create as many compositions as you need. Each has its own width / height / fps / duration. Nest one comp inside another (PreComp) — they update everywhere automatically.

Keyboard shortcuts

ActionShortcut
Play / PauseSpace
Jump to startHome
Jump to endEnd
Delete selected layer⌫ or Del
Selection toolV
Hand toolH

.aepx interop (bring your projects)

Motion reads .aepx files (the XML project format — File → Save As → XML in the app that made them). Layer hierarchy, keyframes, and base transforms restore on import. Effects library mapping coming v2.

All private. Every render, every keyframe, every export — local-first. Your projects don't leave your device.

Marketplace (coming v2)

Sell title animation templates, transition packs, motion graphics presets. 80% creator share / 20% Morph. Templates include the project file and a Watch+Follow tutorial mode that auto-highlights layers as the creator narrates.

Open Motion →