Perfect your content for every social platform.
Drag & drop media here
or click uploadIf you're a video editor using CapCut, Premiere Pro, or DaVinci Resolve, you know the frustration of uploading a perfect 9:16 video only to have the platform's UI cover your text. This free TikTok mockup visualizer helps you test your safe margins instantly.
Every platform crops and overlays your video differently. Use our transparent safe zone PNG templates to ensure your hooks and subtitles are always visible and never get hidden behind like buttons or captions.
| Platform | Format | Right Action Bar | Bottom Danger Zone |
|---|---|---|---|
| TikTok | 1080x1920 (9:16) | ~15% covered (Icons) | ~20% covered (Caption/Music) |
| Instagram Reels | 1080x1920 (9:16) | Compact Icons | ~23% covered (Caption Area) |
| YouTube Shorts | 1080x1920 (9:16) | Minimal | ~30% covered (Highest bottom UI) |
| Snapchat Spotlight | 1080x1920 (9:16) | Minimal Icons | ~15% covered (Swipe up UI) |
Simply click the "Download PNG" button on our site. Import the downloaded image into your CapCut timeline, place it above all other layers, and adjust your text so it stays outside the red danger zones. Delete or hide the overlay before exporting.
TikTok's bottom UI (username, caption, and music ticker) varies by device but generally covers the bottom 20% of the screen. Using our live video preview tool ensures you keep your text in the safe margins.
Yes! Our PNG files are universally compatible. Drop the Premiere Pro template image into your sequence on the top video track to use it as a custom safe margin guide while editing.