Design overlays that come to life on your Live
A 9:16 visual editor built for TikTok LIVE: stack image, text and GIF layers, animate them with effects and export your design or send it straight to OBS. No software to install and no design skills needed.
Runs in your browser · Vertical 9:16 format · Ready for OBS and TikTok LIVE Studio
8+
Animated effects
PNG·GIF
Export formats
0
Programs to install
Layers
All on one canvas
An editor made for your vertical Live
The tools you'd use in a design app, focused on TikTok LIVE's 9:16 format.
Image, text and GIF layers
Stack and order layers like a pro editor. Upload your images, write titles in your fonts and add animated GIFs that move in your overlay.
8 animated effects
Bring every layer to life with ready-made effects: pulse, spin, float, glow and more. What you see in the preview is exactly what gets exported.
Gifts and GIFs library
Drag TikTok gift icons, animated GIFs or your own files from a built-in library. Hundreds of assets one click away.
Sequences with a timeline
Chain states on a timeline to build small animations and alerts that tell a story, not just a still image.
Smart guides and grid
Place everything with precision: magnetic guides, a grid and auto-snapping so your elements line up effortlessly.
Export as PNG, GIF and APNG
Download your design as an image or animation with a transparent background, all processed in your browser. No watermarks and nothing uploaded against your will.
Effects
Animations that feel alive
Apply any of these effects to your layers and combine them to build overlays with motion.
Cloud gallery
Save, share and reuse
Your compositions are saved to your gallery. Pick them back up anytime, duplicate them and share them with a short code so another creator can import them in seconds.
- Personal gallery: all your designs in one place.
- Share with an 8-character code and let others import them.
- Import a template and edit it your way in minutes.
Ready for OBS
From your canvas to your overlay
Every design gets a page with a transparent background, ready to add as a browser source in OBS or TikTok LIVE Studio. Your overlay looks animated and crisp, with nothing to export.
- Overlay page with a transparent background, by code.
- Your effects animate live inside the overlay.
- Works with OBS, TikTok LIVE Studio, Streamlabs and more.
How it works
From idea to overlay in 3 steps
If you can drag and drop, you already know how to use the Media Editor.
Create your 9:16 canvas
Open a blank vertical canvas or start from a shared template. All built for TikTok LIVE's format.
Add layers and effects
Add images, text, gifts and GIFs. Animate them with effects and arrange them with smart guides.
Export or send it to OBS
Download your design as PNG, GIF or APNG, or copy the transparent overlay URL and add it in OBS. Ready for your Live.
Media Editor frequently asked questions
Do I need to install any design software?
No. The Media Editor runs 100% in your browser. You create, animate and export your overlays with nothing to install and no design skills.
What can I create with the editor?
Overlays, alerts, frames, banners, goals and animated stickers in vertical 9:16 format, made for your TikTok LIVE. Combine images, text, gifts and GIFs with effects.
Can I use TikTok gifts in my designs?
Yes. The editor includes a library with TikTok gift icons, animated GIFs and your own files, ready to drag onto your canvas.
How do I get my design onto my Live?
Two ways: export your design as PNG, GIF or APNG with a transparent background, or use the overlay page by code as a browser source in OBS or TikTok LIVE Studio.