Motion Graphics Editor is a compositor for animated titles, lower thirds, logo stings, explainer graphics and visual effects shots, and it opens right here in the page. You build a composition from layers, animate their properties with keyframes, stack effects on top and send the result to a render queue. The panels, timeline behaviour and shortcuts follow the conventions of desktop motion design software, so skills from there carry across directly.
The editor runs in your browser tab and keeps everything local. Footage you import is read from your disk into memory, projects are stored in the browser's own storage or saved as files, and rendered videos are downloads. There is no account, no watermark and no render credits. The first visit fetches about 18 MB, which the browser then caches; the editor also installs a small offline cache so it starts even without a connection.
What this motion graphics editor can do
A composition holds layers of every kind: solids, shape layers, text, imported footage and stills, nested compositions, null objects, adjustment layers, cameras and lights. The timeline twirls each layer open to its transform, masks and effects, and every property can take keyframes that are linear, Bezier, held or eased, with a graph editor for the curves, roving keys and copy and paste at the current time. Layers can be parented to one another, used as track mattes, blended with the full set of blend modes and given motion blur. Shape layers come with trim paths, repeaters, round corners, offset, wiggle and gradient strokes; masks are drawn with the pen tool and have modes, feather, expansion and editable vertices; text layers have character and paragraph settings and animators with range selectors.
The Effect menu lists about three hundred effects grouped as blur and sharpen, channel, colour correction, distort, generate, keying, matte, noise and grain, perspective, simulation, stylize, text, time, transition and utility, each applied from the Effect Controls panel and keyframeable. Classic 3D is there too: 3D layers, cameras with depth of field, lights with soft shadows and orbit, pan and dolly camera tools. The Render Queue has render settings and output modules that write H.264 MP4 and ProRes MOV with audio, HEVC and AV1, WebM with VP9 or AV1 and alpha, PNG, JPEG, TIFF and EXR sequences, animated GIF and WAV or AIFF audio. Compositions can also be exported as Lottie JSON for the web and apps, and Lottie files can be imported as new compositions.
When to use an online motion graphics editor
A lower third or title card for a video
Type the name, animate it in with eased position and opacity keyframes, put a shape bar behind it with a trim-path reveal and render a short clip with alpha to drop onto the timeline of your video editor.
A web animation delivered as Lottie
Icon animations and onboarding illustrations built from shape layers export to Lottie JSON, which websites and mobile apps play as vectors. The exporter lists anything the format cannot carry.
A quick effects pass without installing a suite
A shot needs a glow, a colour key against a green screen or a stylised look. Import the footage, apply the effects, preview on the composition viewer and render an MP4, all from a browser on a machine that has nothing else installed.
How the editor runs in your browser
The compositor is compiled to WebAssembly and renders through WebGPU when the browser provides it, falling back to WebGL2 otherwise. Frame rendering is spread across Web Workers, so previews and final renders use several processor cores, and the video encoders are part of the same program rather than something the browser has to supply. A desktop browser with WebGL2 or WebGPU is required, and a current Chromium-based browser is the best tested.
Imported footage and projects live in the browser's private storage for this site, which survives a reload but is separate from your normal files, so save a copy of a project you care about with File > Save As and keep your footage where it was. Rendering a composition runs in the background with a progress display, and the finished file is handed to the browser as a download. Nothing is transmitted to a server at any point.
Bu araç nasıl kullanılır
- Let the editor load; the first visit downloads about 18 MB, later visits start from the cache. A demo project opens with an animated intro you can inspect layer by layer.
- Create a composition with Composition > New Composition and set its size, frame rate and duration, then add layers: text with the Type tool, shapes with the shape tools, or footage through File > Import.
- Select a layer, press P, S, R or T to reveal position, scale, rotation or opacity, click the stopwatch to set a keyframe, move the playhead and change the value. Add effects from the Effect menu and masks with the pen tool.
- Add the composition to the Render Queue, pick the format in the output module and click Render. The video, image sequence or Lottie file arrives as a download.
Limitations
- A desktop browser with WebGL2 or WebGPU is required; phones show a notice. Chromium-based browsers are the best tested for this editor.
- The first load is about 18 MB. The browser caches the editor afterwards, so later visits are quick and it works offline.
- Rendering runs on your processor and graphics card through the browser, so long compositions at 4K take a while, and the tab's memory limits how much footage can be open at once.
- It is a capable editor for everyday work: the effects and tools are there, but some behave differently from desktop software, project files from other applications cannot be opened and third-party plug-ins do not run.
- Text uses the fonts bundled with the editor rather than those installed on your computer.