Skip to content
The viewport is the exporter

The frame you approve is the frame you ship.

Premation is a professional motion studio. Dynamic WebGPU timeline rendering ensures your preview and final export are identical.

premation_studio / main_comp
WebGPU 60fps
Layers
  • Title lockup
  • Product plate
  • bg_gradient
  • particles_emitter
Active Camera
Inspector
Transform
Position X960.00
Position Y540.00
Position Z0.00
Scale100.0%
Rotation Y12.5°
Material
Opacity100%
Cast ShadowOn
Timeline
00:00:04:12 / 60 fps
Tracks
Title lockup
Product plate
bg_gradient
SVGLottieMP4 - H.264WebM - VP9 + alphaMOV - ProRes 4444PNG sequenceGIFImage sequencesWAV audio
Capabilities

Everything a shot needs, in one document

Layers, curves, depth, rigging and rendering live in the same project file - no round-trips between four applications to finish one ten-second title card.

01 // Animation

Keyframes on any numeric property

Linear, ease, ease-in, ease-out, hold and custom bezier. The graph editor edits value and velocity curves directly, and position keeps X and Y as independent tracks so they can be eased separately.

  • Graph editor
  • Keyframe assistants
  • Expressions
  • Motion presets
Timeline
30 fps · 00:00:36
Title / lockup
Position
Opacity
Product plate
Camera 1
bg_gradient
024487296
Graph · Value
02 // 2.5D

Cameras, lights and depth

Make any layer 3D to gain Z position and X/Y rotation. One- and two-node cameras with depth of field, lights with cone angle and shadows, extrusion and bevels for shapes and text.

Composition 1
1920 × 1080 · 62%
FixedGridSafe1 View · Active Camera
WebGPU
03 // Type

Per-glyph text animators

A real selector stack: animate position, scale, rotation, opacity, tracking or colour across characters, words or lines, with range and wiggly selectors. Text on a path included.

Text Animator 1
9 characters
PREMATION
Animator
Range SelectorCharacters
Offset42 %
ShapeEase Out
Position0, −42
Rotation−22°
Opacity5 %
04 // Rigging

Bones and puppet pins on flat artwork

The bone tool builds a skeleton with forward kinematics, linear blend skinning and FABRIK IK. The puppet tool deforms a triangulated mesh from pins with an as-rigid-as-possible solver.

Rigging
ARAP · FABRIK IK
Puppet Pin⌘PBone⌘B
05 // Vector

Paths that behave

Pen, pencil, pressure-sensitive brush and curvature tools. Boolean merges, trim paths, pucker/bloat, twist, zig-zag, repeaters, dashed and tapered strokes.

Shape Layer
Trim Paths · Repeater
Stroke4 pxTrim0 → 64 %Repeat× 5
06 // Particles

A deterministic emitter

Rate, lifetime, velocity, gravity, turbulence, size and colour over life. The same field always produces the same field, so a re-render is identical to the first one.

Particle Emitter
deterministic
Emitter
Rate240 / s
Lifetime1.40 s
Velocity320
Gravity−90
Turbulence0.35
Workspace

One timeline

Every panel edits the same document, and every edit goes through one command system with a real undo stack.

Timeline00:00:04:12 / 60 fps
  • Title / lockupText
  • Product plateImage
  • bg_gradientSolid
Shift-G graph editorF9 easy easeU reveal animated
Assistant

Describe the motion. Revert instantly.

The optional assistant acts through the same tool registry as the UI: insert layers, keyframe values, and offsets. Every change is one undo step away.

Prompt index
assistant / tool registrymain_comp

Stagger the five cards in from the left, 4 frames apart, easing out.

 
History - 1 entry addedCmd-Z
Export

A render you can bet the deadline on

One deterministic frame loop feeds every format. Two exports of the same project produce identical frames, and a re-render after a crash resumes identical work.

Export formats, codecs and alpha-channel support
FormatCodecAlphaNotes
MP4H.264 · AACNoThe default for sharing. Needs ffmpeg.
WebMVP9 · OpusYesSmaller than MP4, plays on the web.
MOVProRes 4444YesLossless hand-off. Large. Needs ffmpeg.
GIFGIF89aNoPalettised across the animation. No audio.
PNG sequencezip of PNGsYesThe archival option. Audio rides along.
Lottiebodymovin JSONNoVector shapes and transform tracks.
  • Deterministic by construction

    One frame loop feeds every format, and frame time is index / fps rather than wall-clock. Re-render after a crash and you resume identical work.

  • It refuses to write an empty file

    Every path asserts on a real frame count. A zero-frame encode is an error, not a silently successful black video.

  • Peak memory is one frame

    Frames go to a temp directory and ffmpeg encodes in a child process. A multi-gigabyte export never passes through the app's memory.

  • Preview the actual export

    The export dialog renders real export frames with the same snapshot builder the encoder receives, and lets you scrub the whole range first.

After Effects

Modelled on Classic 3D

Premation maps directly to AE concepts. The tools, coordinates and shortcuts are exactly where your hands expect them. Key differences are explicitly documented.

  • All 17 blend modes, track and alpha mattes, parenting and adjustment layers
  • Classic-3D layer model: flat planes in 3D space, lit and shadowed
  • Keyframe assistants - easy ease, time-reverse, sequence layers, stagger
  • Expression controls: slider, angle, point, colour, checkbox, dropdown, layer

Cmd on macOS / Ctrl on Windows and Linux.

  • SelectionV
  • RotationW
  • Pan behindY
  • PenG
  • RectangleQ
  • TextCmdT
  • Easy easeF9
  • Graph editorShiftG
  • Reveal animatedU
  • Pre-composeCmdShiftC
  • Comp settingsCmdK
  • Command paletteCmdShiftP
FAQ

The questions worth asking first

Is Premation ready for real work?

It is used in earnest, but it is pre-1.0 - version 0.1.0. Expect rough edges, and expect the project file format to still move. Around 4,000 automated tests cover the app and its engine packages, alongside a pixel-comparison render-test harness with committed reference frames.

What does it need to run?

A GPU with WebGPU or WebGL2. WebGPU is preferred and used when available; WebGL2 is the fallback, and the engine steps down automatically and shows which tier it landed on in the viewport header. There is no software renderer - if both tiers fail the app tells you, rather than showing a blank stage.

Do I need ffmpeg?

Only for MP4, WebM, GIF and ProRes export. Premation looks for $FFMPEG_PATH, then a bundled copy in app resources, then ffmpeg on your PATH. Without it, PNG and JPEG sequences, still frames, Lottie and project export all still work.

I know After Effects. How much has to be learned?

Little. Premation is modelled on AE's Classic 3D workflow - the tools, panel layout and most keyboard shortcuts are where you expect them, and shortcuts can be remapped. Where the 3D model diverges from AE, that is documented rather than glossed over.

Can I bring artwork in from elsewhere?

Static SVGs arrive as one intact layer; animated SVGs (CSS or SMIL) are converted into real keyframe tracks you can retime. Lottie/bodymovin files arrive as baked tracks. Images, video, image sequences and audio import too, and video layers seek frame-accurately during export.

Is the AI assistant required?

No. It is optional and needs the companion server; the app is fully usable without it. When it is on, it edits through a tool registry (insert layers, set properties, create keyframes) and every change lands as one reversible edit on the normal undo stack.

Premation

Open Premation. The first keyframe is seconds away.

Free for the public beta. No sign-up required. Project files are saved directly on your local disk as plain JSON-based files.

Check this before you download

Premation renders every frame on the GPU. It needs WebGPU, or WebGL2 as a fallback - there is no software renderer. If both tiers fail, the app tells you rather than showing a blank stage.

Full requirements

GPU & System Requirements

Graphics ProcessorDedicated GPU (NVIDIA/AMD) or Apple Silicon (M1/M2/M3/M4)The WebGPU render pipeline compiles shaders directly to machine hardware. A dedicated GPU is highly recommended to handle heavy compositions.
Integrated GraphicsIntel Iris Xe / AMD Radeon Graphics with updated driversStandard integrated cards are supported for light timeline loads, provided browser WebGPU or WebGL2 backends are enabled.
System Memory8GB RAM minimum / 16GB+ recommendedMemory usage scales with composition resolution and parent pre-comps cache states.
Browser compatibilityGoogle Chrome 113+, MS Edge 113+, Apple Safari 17+WebGPU must be supported natively by the browser sandbox context for optimal preview frame rates.