Pick your starting point.
A punchy title, a quiet caption, or a before-and-after moment. Start with a preset.
Your preview stays private. Only the overlay is included in your download.
Transparent PNG · Cropped to artwork
A free overlay maker for tutorials, reels, product demos, and whatever you’re making next.
A punchy title, a quiet caption, or a before-and-after moment. Start with a preset.
Change the words, colors, background, and size. Check it against your own video.
Download a transparent PNG or animated overlay. Add it above your footage in your favorite video editor.
A video overlay maker creates graphics you place on top of video footage. Overlay Studio helps you turn your words into styled titles, step labels, captions, lower thirds, before-and-after labels, and calls to action. Customize a preset and download it as a transparent PNG, or add an entrance and exit animation and export a transparent video overlay.
It is for creators, educators, marketers, designers, and anyone making videos. Pick a preset, enter your words, and choose a style. Then download the graphic and import it into your video editor. Place it on a track above your footage, position it, and set when it appears. Previewing your video here helps with placement; this tool does not edit or export the underlying footage.
Yes. Use this free text mockup maker to try out titles, captions, lower thirds, and animated labels over your own video or image. It helps you preview the typography and placement of a video overlay mockup before adding the final transparent graphic to your edit. The download includes the overlay; your preview footage stays separate.
Create a product demo title, a feature callout, or a before-and-after label, then place its transparent PNG or animated MOV above your mockup video in your editor. Use it to explain packaging mockups, apparel mockups, device mockups, and branding presentations. Explore Mockaps 3D mockups for the product scene, then use this tool to make the supporting graphics.
An overlay template styles the words and graphics on top of your content. A product mockup shows a design applied to an object, such as a box, shirt, mug, or phone. Overlay Studio makes reusable text and motion graphics templates for mockup presentations, social videos, and tutorials. For a custom product scene, explore custom mockups.
Yes. All presets, customization, and PNG downloads are free, including 2× PNG resolution and animated downloads. There is no sign-up, subscription, or watermark.
Static transparent PNGs, or animated transparent WebM and lossless MOV overlays. Animation options include typewriter text, bounce-ins, fades, slides, rises, and pops, with adjustable timing and easing. These are overlay graphics; your preview video is never part of the export.
No. The checkerboard, preview colors, safe-area guides, and your preview media are never exported. Only your text, accents, and any overlay panel you choose are included.
Enable “Animate overlay,” choose an entrance and exit, and set how long the graphic stays on screen. Preview the motion, then download WebM or MOV. The background remains transparent. MP4 and GIF are not offered because they do not provide the same smooth alpha transparency for this workflow.
WebM produces smaller files for apps that support VP8 video with transparency. MOV uses the lossless QuickTime Animation codec with RGB + alpha, for editing in apps such as After Effects. It produces larger files and may not play in QuickTime Player or a web browser. Support varies by editor: import the clip on a layer above your footage to check transparency. Some video players show transparent areas as black even when an alpha channel is present.
A footage viewer can show transparent areas as black. Place the overlay above another clip to check it. In the Project panel, right-click the imported file and choose Interpret Footage → Main, then set Alpha to Straight – Unmatted if needed. If an older MOV download covers your footage with black, download it again: the MOV exporter has been updated to preserve transparency in After Effects.
The browser renders each frame and encodes a transparent video on your device. The encoder loads only when you first export animation. Shorter clips and cropped artwork export faster than long, full-frame overlays. You can cancel an export at any time. PNG downloads remain available without loading the video encoder.
Use any editor that supports PNG images with transparency, including CapCut, Premiere Pro, DaVinci Resolve, Final Cut Pro, and Canva. Place the PNG on a layer above your video.
Choose “Crop to artwork” for a compact graphic you can position and scale freely. Choose “Full video frame” to preserve your placement in a landscape, portrait, or square video. Match the video’s aspect ratio in the preview toolbar.
No. Editing and exporting happen in your browser. Your latest design and saved presets are stored on this device. Preview media is temporary and is not saved or uploaded. Clearing browser data removes saved designs.
Animation exports use FFmpeg in your browser. You can find its licenses, matching source archives, and build instructions on our open-source credits page. Font licenses are included there too.
Yes. You can use the graphics you create in personal, client, and commercial projects. Use text and other content you have the rights to use. Attribution to Mockaps is appreciated but not required.
Your next idea deserves to be seen.
Bring it to life with Mockaps ↗