Launch day
Animated avatars and logos for launch day
On a launch board every tile is a static square except yours. A three-second animated logo in the gallery, a moving avatar on your profile, a GIF in the first comment — small assets, outsized effect.
- 240px
- Avatar canvas
- 3s
- Loop length
- 1:1
- Square by default
avatar-loop.gif
ExportPH
240 × 240How it works
Three steps, start to export
The same rhythm every time — build the scene, animate it, hand over the file.
Import your mark
Drop in an SVG and it comes apart into a real layer tree — every path, group and gradient editable and animatable on its own.
Animate the mark
Draw the strokes on, morph one shape into another, or let the pieces assemble. Small, confident motion beats a spinning logo every time.
Export square GIFs
One 240px loop for the avatar, one gallery clip for the launch page. Both light enough to load instantly on a busy board.
Why Gramotion
Tiny canvas, maximum contrast
At 240 pixels there is no room for detail — only movement. What matters is that the mark stays readable at every frame of the loop.
SVG becomes layers
Your logo imports as a tree of paths, not a flat image. Animate one letter, one dot or one gradient stop without leaving the editor.
Morph between shapes
Edit the shape itself on the timeline. A square becomes your icon, the icon becomes the wordmark — all in one continuous move.
Legible at every frame
Preview at actual size while you edit. If the mark reads at 240px in motion, it reads everywhere else too.
Output
Every placement, one project
Resize a scene and its contents scale with it — so one build covers each format you need to ship.
FAQ
Questions, answered
Will an animated avatar actually play?
Most launch and social profiles animate uploaded GIFs. Keep it square, small and looping — and make sure the first frame works as a static image in case it does not.
Can I animate my existing SVG logo?
Yes. SVG import splits the file into a layer tree, so you animate the real paths instead of faking it with a mask over a PNG.
What should the loop do?
One idea, executed cleanly: a draw-on, a single morph, or a settle. Continuous spinning reads as a loading spinner, not a brand.
More use cases
What else people build here
Same editor, same workflow — a different file at the end of it.
Be the only moving tile
Import your SVG, animate one idea, and export a square loop before launch day.
Free plan available · No credit card required