Can I use a specific game's UI?

No, the presets use original styling so your exports carry no game trademarks.

Do the bars animate to my own values?

Yes, health and combo values are editable, along with colors and timing.

Gaming FX: level ups, achievements and health bars

Updated September 18, 20263 min read

How do you add game-style effects to a video?

Use gaming presets as overlays: a level-up burst on a win, an achievement plaque for a milestone, a health bar for tension, a combo counter for a streak. Export transparent WebM and place them over gameplay footage on the beat of the action.

Game UI is a shared language, which makes it useful far outside gameplay. These presets burst level ups, slam achievement plaques, drain health bars, count combos and drop retro game over cards.

Five gaming fx presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

Level Up Burst
4s
A hex level badge pops with a ray burst and flying sparks while the XP bar fills past the threshold under the headline.
Achievement Unlocked
4s
A chamfered plaque slides in with an icon disc, title, rarity label and pips while a shine sweeps across it.
Health Bar Damage
5s
A segmented health bar takes hits in chunks with a white flash and shake, then pulses red once it drops into the danger zone.
Combo Multiplier
5s
The combo counter punches up hit by hit, the multiplier climbs and damage numbers float off with impact rings.
Retro Game Over
5s
A retro title card flickers in with a colour split, a pixel grid and scanlines over the type and a blinking prompt underneath.

All gaming fx

How to make one in the browser

01Open a gaming fx presetBrowse the Gaming FX category and open the preset closest to what you need. It loads in the editor with every control unlocked.
02Make it yoursRewrite the text, set your brand colors and font, adjust easing and duration, and switch the aspect ratio for the platform you are posting to.
03Export the clipChoose MP4 for a normal track or transparent WebM for an overlay, pick a resolution up to 8K, and the file renders on your own machine.

Which format should you export?

Use MP4 when the clip sits on its own track or fills the frame. Use transparent WebM whenever it has to float over your own footage: the alpha channel is real, so no keying or blend mode is needed.

Format: MP4 H.264 · WebM VP9
Alpha: Transparent WebM
Resolution: 720p to 8K
Aspect: 16:9 · 9:16 · 1:1 · 4:5
License: Commercial use included

Three tips that make it look intentional

Fire the level up on the frame of the win, not a second later.
Keep plaque text short: a title and one line.
Retro styling suits a punchline; clean styling suits a highlight reel.

Frequently asked

Can I use a specific game's UI?: No, the presets use original styling so your exports carry no game trademarks.
Do the bars animate to my own values?: Yes, health and combo values are editable, along with colors and timing.

Reactions & Memes
Reaction graphics: emoji pops, censor bars and meme captions
Use a caption block preset, type the line, and place it at the top or bottom of the frame. Pair it with an emoji reaction pop or an impact stamp on the punchline, and export transparent WebM so the joke lands over your own footage.
Read the guide
Polls & Tier Lists
Poll and tier list graphics: results that read instantly
Use a poll result preset: enter the options and percentages, set the colors, and let the bars fill in order. A tier list board, a this-or-that card or a top ten reveal covers the same audience-participation format with a different shape.
Read the guide
Shape Transitions
Shape transitions: how to cut between shots without a plugin
A shape transition is a graphic wipe where a circle, bar or tile grid travels across the frame and hands the shot over to the next one. It hides the cut, carries your brand color and works in any editor once exported as MP4 or transparent WebM.
Read the guide