Create
Motion design without the motion software
A full-screen visual designer for animated titles, lower-thirds, and graphic overlays. Compose layers, pick a motion preset, and drop the result onto any project.
Design Studio
Animated overlays, made visually
Design Studio is a dedicated visual designer for the kind of animated text and graphics that normally require After Effects. Stack text, shape, and image layers, give each its own animation, easing, delay, and per-letter stagger, then preview the whole thing in real time.
The result compiles to sanitizer-safe code and drops onto your canvas as a single element — while round-tripping through a designer field so it stays fully re-editable. Save a design to your account and reuse it across every project.
What you get
Everything a title card needs
78 animation presets
Across four groups — 20 entrance, 22 loop, 21 text-entrance, and 15 text-loop animations — with 6 easing curves.
3 layer types
Compose animated text, vector shapes, and images together on one designer canvas.
55 curated fonts
A hand-picked set of Google fonts, plus solid and gradient fills for every text and shape layer.
Per-letter control
Tune duration, delay, direction, and per-letter stagger so text reveals exactly the way you want.
Re-editable output
Designs compile to safe code but round-trip through a designer field, so you can always reopen and tweak them.
Saved & reusable
Store designs to your account as private “design stock” and reuse them across projects.
78
Animation presets
55
Curated Google fonts
3
Layer types
6
Easing curves
Keep exploring
Related features
Visual Video Editor
A full multi-track timeline editor in the browser. Drag, split, and arrange clips, then render — or save the project as an API template.
Explore →Shapes & Graphics
Hundreds of built-in vector shapes and icons across 11 categories — recolorable, gradient-aware, and rendered from clean SVG, no external assets.
Explore →Animations & Motion
Give any element an entrance and exit. 44 motion effects for elements, plus 78 studio presets for animated text — with per-letter stagger and easing.
Explore →FAQ
Frequently asked questions
Is this a separate tool? +
No — Design Studio is built into the editor. Open it, compose your overlay, and it drops onto the current project as one element.
Can I reuse a design later? +
Yes. Designs are saved to your account and can be applied to any project, and they remain fully editable thanks to the round-tripped designer data.
Does it render on the server? +
Yes. Designs compile to sanitizer-safe code that renders through the same FFmpeg pipeline as everything else, on the server, at scale.
Want the full picture? See every Zvid feature
Ready to ship video at scale?
Start free — your first render is only a JSON payload away.