Motion editor
Make your designs move
Every layer gets a track on a real timeline. Start from a preset or set your own keyframes, shape the easing, add music and export a video, a GIF or an animated WebP.
A timeline with keyframes
Tracks per layer and property, a playhead and ruler, snapping to frames, markers and beats, and keyframes you drag, copy, paste, hold, reverse and loop. Shape timing with an easing editor and a value graph.
- Keyframes for position, scale, rotation, opacity, colour and more
- Easing curves you can edit, plus springs and steps
- Motion paths, parenting and anchor points
Presets, text and AI
46 entrance, emphasis, exit and loop presets arrive as keyframes you can edit. Animate text by letter, word or line with a stagger. Or ask Animate with AI and every change it makes can be undone.
- Entrances, emphasis, exits and loops
- Text by letter, word or line
- Animate with AI, undoable in one step
Music, video and export
Add music with a waveform, fades and trims, and snap keyframes to its beats. Place video and Lottie layers with trim, speed and loop. Export MP4 with sound, WebM, GIF, animated WebP or PNG frames.
- MP4 with sound, WebM, GIF and animated WebP
- Rendered in your browser, or on our server when needed
- 16 animated templates to start from
Made with the motion editor
282 animated templates.
These clips were rendered by DesignBat's own exporter. Open any template and every keyframe is yours to change.
How it works.
- 1
Pick a layer
Choose a preset or press Animate to open the timeline.
- 2
Shape the timing
Drag keyframes, edit the easing and add music.
- 3
Export
Download MP4, WebM, GIF or WebP, saved to your Drive too.
Questions.
Which video formats can I export?
MP4 (H.264 with sound) when your browser or our server supports it, otherwise WebM. GIF, animated WebP and PNG frames are available too.
How long can a video be?
Up to 15 seconds on Free and 120 seconds on Pro.
Do animations show in PDF?
No, PDF and image exports show the final state of each page.
Does it respect reduced motion?
Yes. Shared links and presentations show still pages to people who ask their device for less motion.
Related features.
Export and Drive
Download designs as PNG, transparent PNG, JPG, WebP, SVG or PDF at the quality and scale you choose, multi page designs as a zip, and keep a copy in your OfficeBats Drive.
Design editor
A free form design editor in your browser: any size, many pages, layers, smart guides, text effects, shapes, icons, charts, tables, QR codes and photo frames.
Templates and sizes
Original templates for social posts, stories, posters, flyers, logos, business cards, invitations, banners, thumbnails and presentations, with open licence fonts and photos.
Your next design
starts here.
Free to start. No credit card. One OfficeBats account for every Bats app.
