Free · Plan how a game button responds

Button State Prototype for Kids

See how a button can look when it is ready, hovered, pressed, and finished without running code.

  • Clear, kid-friendly steps
  • Private in your browser
  • No signup
Vector timeline studio

Button state prototype

Plan what a button looks like when it rests, hovers, presses, and finishes.

Private in this tab
Animation challengeShow a clear start button press.
Tool
Color
Frame 1 of 4Ready
START

Show a clear start button press.

Timeline4 frames

Choose a frame, then move one shape.

Save your work

Choose the file you need

GIF moves. SVG and PNG save one frame. A sprite sheet saves every frame together.

Your animation stays here. No login, child profile, gallery, chat, ads, uploads, user scripts, or saved creations. GIF encoding uses gifenc in this browser.

Powered by Wick Editor (adapted vector-animation tools), an open-source library available under GPL-3.0.

Three simple steps

How to use it

  1. Choose a starter and press Play to watch its frames.
  2. Pick a frame, then add or move one simple shape.
  3. Save a GIF, sprite sheet, picture, or editable 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.