Free · Compare one motion at a time

Animation Effect Picker for Kids

Preview clear bounce, fade, slide, zoom, flip, and turn effects on one simple object.

  • Clear, kid-friendly steps
  • Private in your browser
  • No signup
One clear motion

Animation effect picker

Choose one motion, press Preview, and compare how it feels.

Private and local
Your next stepPreview a clear up-and-down bounce.
Start with an example
Progress 0%
Live Animate.css previewbounce
1.0 seconds · 1 play
Try this motionOne object moves at a time.

Your device motion setting is respected. Nothing moves until you press Preview.

Classes for this effectanimate__animated animate__bounce

Save your animation

Keep a working HTML page, a still PNG, or an editable local project.

Your words and project stay in this browser. Motion uses the exact Animate.css 4.1.1 MIT release.

Powered by Animate.css, an open-source library available under MIT.

Three simple steps

How to use it

  1. Pick a ready example or choose one animation effect.
  2. Press Preview, then pause, replay, or change the speed.
  3. Save a working HTML page, a still PNG, or a 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.