Free · Move, turn, and shrink shapes

Shape Motion Animator for Kids

Send circles, squares, stars, crosses, or lines outward and control their motion.

  • Clear, kid-friendly steps
  • Private in your browser
  • No signup
Motion playground

Shape motion animator

Move simple shapes outward while they turn, shrink, or change color.

Private and local
Your ideaOpen a bloom made from moving circles.
Start with an example
Live Mo.js previewCircle bloom
12 particles

Tap to choose where the shape motion begins.

Save your motion

Keep an animated SVG, one still frame, a PNG, or an editable project.

Your taps and project stay in this browser. Preview motion uses Mo.js 1.7.1 under the MIT license.

Powered by Mo.js, an open-source library available under MIT.

Three simple steps

How to use it

  1. Pick one clear example, then press Play or tap the stage.
  2. Change the shapes, colors, distance, particle count, or time.
  3. Save an animated SVG, still frame, PNG, or local project.

Private by default

Your words and choices stay in this browser tab. There are no accounts, uploads, ads, or trackers inside the tool. Close the tab and the working data is gone.