Motion Graphics

Build animated clips on a real timeline: 6 clip types, 26 templates, music with beat markers, easing curves - exported as video, loop or live embed.
Extension

A timeline-based motion studio inside WordPress - titles, clips, music, export.

Short-form motion design usually means leaving WordPress for an editor you rent monthly. Motion Graphics puts a real timeline into your editor instead: layer 3D text, captions, images, shapes, particle text and effect backdrops as clips, each with its own entrance, idle and exit animation from a catalog of 28 moves with proper easing curves.

Twenty-six templates give you finished starter reels – promo teasers, quote cards, product stingers – that you reskin with your own content and brand kit. A music track can drive the timing: drop in audio, and beat markers help you cut clips to the rhythm. The scene panel controls backdrop, look, loop behavior and camera drift so everything feels produced, not stacked.

Export is flexible: render a video for social, a seamless loop for a hero section, or a live embed that plays the animation in the browser – resolution-independent and tiny compared to video files.

Announcements, sale promos, event intros, animated quotes: the pieces you used to outsource or skip now take minutes, and your fonts, colors and brand kits are already there.

Features

A real timeline

Clips with entrance, idle and exit phases, drag-to-trim bars and a time ruler.

Features

6 clip types

3D text, captions, images, shapes, particle text and effect backdrops.

Features

Music with beat markers

Score the animation and cut clips to the beat.

Features

Video, loop or live embed

Export MP4/WebM, a seamless loop, or a browser-rendered embed.

What is included

  • Timeline with per-clip timing and easing
  • 6 clip types incl. 3D text and particles
  • 26 starter templates
  • 28 animation moves in the catalog
  • Music track with beat markers
  • Scene looks, loops and camera drift
  • Video, loop and live embed export

Requirements

Needs WebGL2 with hardware graphics - every current desktop browser has it. Works on top of the free WunderPaint.
Play Video

Frequently asked questions

No – start from a template, swap the content, adjust timing on the visual timeline.
Yes, clips use your editor fonts and brand kits directly.
The live embed: it renders in the browser, stays sharp at any size and weighs a fraction of a video.

Add Motion Graphics to your editor.

It comes with the Pro plan, updates included, and supports the continued development of the free open-source editor.

Free

Chaos Art

Autonomous painters make one-of-a-kind abstract art in 3D space - gestures, art movements, painterly media, and embeds that paint a new original for every visitor.

Pro

Particle Strokes

Paint with swarms of light: twenty-two movements, a stamp you draw yourself, and curves that give a stroke a shape - the swarm keeps painting for a few seconds after you let go.

Pro

City Diorama

Any place on earth as a miniature you could hold: real streets, water and building footprints raised into a 3D diorama - or wrapped around a sphere as your own tiny planet.

Free

Papercut Art

Layered paper pictures with real depth - a photo sliced along its actual depth into up to twenty layers, parametric landscapes, animals and clouds you can shape, letters with real counters, and a look that runs on three dials.

Pro

3D Earth Studio

A hyperrealistic globe - day and night with city lights, live clouds, atmosphere halo, country borders and highlights, click-to-place markers with flight-route arcs, satellite orbits, seamless rotation video and a live website embed.

Free

Mystic Studio

Turn a birth date into wall art - a real natal chart with houses and aspects, the moon of that night, zodiac and Chinese zodiac posters, numerology cards and a synastry wheel for two, in eight artful themes.

Free

Marble Bath

Marble paper on a virtual water bath - drop, rake and comb real Ebru patterns with gestures, flowers and classic recipes, razor-sharp at any size and re-editable as a layer.

Free

Day Ring

Turn a day into a beautiful circular schedule - colour-coded time blocks as arcs around a 24-hour clock, with concentric rings for overlaps, emoji, templates and a legend.

Free

Code Shot

Turn code into a gorgeous, share-ready image - syntax highlighting, editor themes, window frames and diff highlighting - then drop it into your design as a re-editable layer.

Pro

3D Solar System Studio

Build a date-accurate 3D solar system - real planet positions for any date, photoreal textures and one slider from artistic to true scale - then drop it into your design as an editable layer.

Pro

3D Molecule Studio

Build a real 3D molecule - from a curated library, the periodic table or a SMILES string - then style it, measure it and drop it into your design as an editable layer.

Pro

3D Textile Studio

Drop your design onto cloth that behaves like the material you pick: silk falls soft, felt holds its shape, flag fabric snaps in the wind. Hang it, blow it and drape it, then lay the finished drape back into your document as a picture.

Pro

3D Particle Studio

Point the engine at any layer and it becomes a cloud of particles that keeps its colours, flowing through a sphere, a galaxy or your own outline. Keep the frame you like as a still, or embed the running engine so it keeps moving on your page.