Skip to content
THE CREATIVE MOTION STUDIO, IN YOUR BROWSER

Make ideas
move differently.

Design cinematic motion, generative worlds, and audio-reactive visuals in one powerful creative workspace—no installs, no rigid templates.

Start creating free Explore the studio
Free to start Runs in your browser Your work stays yours
WATCH AN IDEA COME TO LIFEMADE IN MOTION LAB
Words become worlds in the real Motion Lab workspace, with native text animation controls, layers, and keyframe timeline.

Studio film featuring kinetic typography, creative coding, an audio-reactive sculpture, and the Holographic Liquid Silk preset. Playback is silent.

GENERATIVE MOTIONKINETIC TYPEAUDIO REACTIVECREATIVE CODEREAL-TIME 3DBROWSER EXPORTGENERATIVE MOTIONKINETIC TYPEAUDIO REACTIVECREATIVE CODEREAL-TIME 3DBROWSER EXPORT
A NEW KIND OF CANVAS

Motion design
without the friction.

Motion Lab brings the immediacy of a visual editor together with the freedom of creative code. Experiment fast, direct every detail, and build work that doesn’t look like everyone else’s.

01

A real motion canvas

Combine patterns, typography, video, audio, and code in one layered, non-destructive scene.

Kinetic type 01 Prism field 02 Particle code 03
02

Animate every detail

Set keyframes, shape easing, and tune timing on a precise multi-layer timeline.

Custom easing00:04:18
03

Make sound visible

Map audio signals to motion parameters and build visuals that react to every beat.

04

Creative code, built in

Author reusable visual systems in the code editor, then control them like native layers.

1const field = createField({
2  density: 0.84,
3  motion: audio.energy,
4});

Make it. Refine it. Own it.

The work is yours

A place where your experiments become finished work—without losing creative control along the way.

Always editable
Keep refining your projects.
Ready to render
Take your motion beyond the canvas.
Yours to create with
Your artwork belongs to you.
CREATED FOR MOTION

Made to move.
Made to be yours.

From expressive typography to cinematic compositions, explore what you can create in Motion Lab.

Move with intent

Kinetic typography & color

A little character

Expressive letterforms

Beyond the frame

Layered title sequence

Your ideas. A whole new frame of mind.

Explore Motion Lab

The creative community

Good ideas grow when they’re shared.

Create something original. Share your code. Discover new possibilities built by other creators.

Explore Community Plugins
Code + controlsMotion Lab

Ribbon Waves

v1.0.0

Animated ribbon-wave generator with editable controls.

Source excerptJavaScript
function render(api, params) {
  const { ctx, width, height, time } = api;
  const lines = params.lines ?? 24;
  const amplitude = params.amplitude ?? 120;
  const colorA = params.colorA ?? '#8BE9FD';
  const colorB = params.colorB ?? '#FF79C6';

  const gradient = ctx.createLinearGradient(0, 0, width, height);
  gradient.addColorStop(0, colorA);
  gradient.addColorStop(1, colorB);
  ctx.strokeStyle = gradient;
Included plugin template4 editable controls
Create
Write reusable code with editable controls.
Share
Publish your plugins for others to discover.
Discover
Explore public plugins and readable source.
YOUR NEXT FRAME STARTS HERE

Give your ideas
some motion.

Open Motion Lab and turn a spark into something people can feel.

Create your first project