1 · Add an object. Use the
Add buttons for a rectangle, ellipse, text, line or image. Give it a look on the right (colour, text, size) and drag it on the canvas to place it. Use
↑ ↓ in the list to change stacking order.
2 · Add effects. On the right you get three
slots you can combine on a single object: an
Entrance (Fade in, Slide in, Rise, Zoom in, Flip in, Pop, Drop, Spin in), an
Emphasis loop that fills the middle (Pulse, Blink, Float, Spin, Shake, Wobble) and an
Exit (Fade out, Zoom out, Fly out). Each slot has
Duration,
Delay and
Intensity (Slide in / Fly out also have a
Direction) — so an object can pop in, pulse, then fly away. Under
Object:
Duplicate a shape,
Copy FX to all to give every object the same motion, or
Stagger delays to cascade a sequence. New here? Load an
Example and take it apart.
3 · Play & export. Press
play, set the clip
Duration,
FPS and
loop in the bar just under this guide. Then export:
GIF is universal (flattened onto the background colour), a
Sprite sheet tiles every frame into one PNG,
Frames (ZIP) packs each frame separately, animated
PNG keeps true transparency and full colour (great for overlays), animated
SVG is infinitely scalable with the motion baked in, and
WebM is offered where the browser supports it.
4 · 3D voxel. Switch to
3D voxel. No model handy? Load a built-in
Example (cube, heart, tree, gem, pyramid, arrow, house, crystal) to explore instantly. Or
import a model built in
Cookie_Poly (its
.json save). Give it motion with a one-click preset (turntable, bounce, scale-in, float, tumble, orbit, pulse, swing, sway, hop, jitter), then export an
animated glTF for a game engine, or a turntable
GIF. Camera:
drag to orbit,
right/middle/Shift-drag to pan,
scroll to zoom;
Fit reframes and
Reset view recentres. Pick a
Viewport shape (square, portrait, tall…) so tall models like buildings fill the frame.
5 · Advanced (optional). Flip the
Advanced switch in the top bar to reveal the full
keyframe timeline: pin a property's value at a moment with its
◆ key, and the value
tweens between keys with the easing you choose. This is where fine, custom motion lives — picking an effect again will overwrite an object's manual keys.
Your work
autosaves in this browser. Nothing is uploaded — every export is generated locally.