Lens Magnifier
A magnifier lens glides over a grid, enlarging whatever it passes.
Turn your designs into motion, in seconds.
Drop in your work, pick a template, and export a polished animation — all in your browser.
Free plan includes 3 projects · No credit card needed
The Dogamotion editor: a template rail, a live animation on the stage, and its controls.
“Everydesignhasastoryworthtellinginmotion—itjustusedtotakehoursintoolsbuiltforeditors,notdesigners.Nowittakesseconds.”
Pick a motion template
Zoom reveals, slide wipes, browser and phone mockups, social frames. Every one previews live, so you can see the motion before committing to it.
Drop in your design
A screenshot, mockup, or product shot. Images are resized and re-encoded in your browser before they upload, so uploads stay quick. Up to 2MB per image.
Tune it while it plays
Duration, scale, easing, colours — every control updates the running animation. Your work saves itself as you go.
Export and ship it
Take the finished animation as MP4 or WebM — 720p on Free, up to 4K on Pro — or, with Pro, as a React or Vue component for your codebase.
Templates
A template for wherever the work is going.
FREE
Confetti Cards
Small cards burst from the centre like confetti, drift downward, and regroup.
Petal Orbit
Cards orbit like wheel spokes, inner edge to the hub, tops leaning in like petals.
Scene Trio
Three scenes in one loop: hero slides, a column belt, then a diagonal row landing on one hero.
Bento Shuffle
A bento-box layout whose tiles resize and rearrange into new layouts.
Split Doors
Paired panels slide in from opposite edges.
Tilt Deck
A perspective-tilted deck fans forward one card at a time.
Helix Descent
Cards wind down a vertical 3D spiral.
Lens Magnifier
A magnifier lens glides over a grid, enlarging whatever it passes.
Confetti Cards
Small cards burst from the centre like confetti, drift downward, and regroup.
Petal Orbit
Cards orbit like wheel spokes, inner edge to the hub, tops leaning in like petals.
Scene Trio
Three scenes in one loop: hero slides, a column belt, then a diagonal row landing on one hero.
Bento Shuffle
A bento-box layout whose tiles resize and rearrange into new layouts.
Split Doors
Paired panels slide in from opposite edges.
Tilt Deck
A perspective-tilted deck fans forward one card at a time.
Helix Descent
Cards wind down a vertical 3D spiral.
Why dogamotion?
Motion tools are built for editors.
Nothing to install
Editor, preview, and compression all run in your browser.
What you see is the output
The preview runs the real timeline — not an approximation of it.
Save your editing time
Autosave catches every change. Undo is kept per project.
Export anywhere
Video as MP4 or WebM at the size you need, or a ready React or Vue component.
Who it is built for
Anyone with a design worth showing.
UI & web designers
Give a layout the motion it was designed with, straight from the mockup.
Brand & graphic designers
Put a logo or poster in motion without learning a timeline editor.
Content creators
Turn a screenshot into something that holds attention in a feed.
Marketers
Ship launch assets on your own schedule, not the motion team’s.
Founders & indie makers
Make the landing page demo yourself, in the time it takes to write the copy.
Agencies & freelancers
Send a client something that moves without booking motion time.
Pricing
Start free. The free plan stays free.
Free
$0
No card, no trial timer
- Up to 3 projects
- 102 free templates
- Images up to 2MB each
- Live preview and autosave
- Video export at 720p
Pro
Most popular$9/mo
or $90/year — two months free
- Unlimited projects
- All 131 templates
- Folders to organise your work
- Video export up to 4K
- Export as React and Vue code
FAQ
Questions worth asking first.
Do I need to install anything?
No. The editor, the preview, and the image compression all run in your browser. There is nothing to download and nothing to render on a server.
What happens to my projects if I stay on Free?
They stay yours. Free keeps up to 3 projects with no time limit. If you cancel Pro later, your projects remain — you simply go back to the Free limits.
What can I upload?
JPG, PNG, and WebP up to 2MB per image, on any plan. Images are resized and converted to WebP in your browser first, so uploads stay quick.
Can I export a video?
Yes. Export MP4 or WebM straight from the editor — it renders in your browser, frame by frame, so nothing waits in a queue. The Free plan exports at 720p; Pro goes up to 4K.
Will I be able to get the code?
Yes, on Pro. Any project exports as a single React (.tsx) or Vue (.vue) component that plays the same animation — drop it into your codebase and render it like any other component.
How do I cancel?
Through PayPal, where the subscription lives — there is a direct link on your billing page. You keep Pro access until the period you already paid for ends.
Is my work private?
Yes. Uploads go to private storage that only your account can read, and the database enforces per-user access at the row level rather than trusting the app to ask nicely.