Click Highlight Burner — Add Click Animations to a Screen Recording

Mark where clicks happen in a screen recording and export a real video with the highlight animation burned in permanently. Free, runs entirely in your browser.

What it does

Take a screen recording, mark the moments where a click happens and where on the screen it lands, and export a new video file with a highlight animation burned permanently into the footage at each of those points. It's built for the "so-and-so clicks here" moment in a tutorial or product walkthrough, where a viewer's eye needs a clear, unmissable pointer to exactly what's happening.

How it works

The tool plays your video onto a canvas frame by frame, drawing the chosen highlight effect (an expanding ring, a flash, or a spotlight that dims everything but the click point) on top of whichever markers are active at that instant. To export, it records that live canvas — together with the original audio track — using your browser's own video recording capability, so what comes out the other end is a genuine, standalone video file, not a screenshot or an animated overlay layered on top in a video player. Because it's a real-time recording of the playback, export takes as long as the clip itself runs; there's no server doing the work faster somewhere else, which is also exactly why nothing about your recording ever leaves your browser.

How to use it

1. Load your screen recording.
2. Pause at the moment of a click, then click directly on the frame where it happens — that drops a marker at the current time and position.
3. Repeat for every click you want highlighted; the marker list on the left lets you jump back to, fine-tune, or delete any of them.
4. Pick a highlight style, color, size, and how long each effect should last, in the sidebar.
5. Optionally set a trim range if you only want to export part of the clip.
6. Hit Export and stay on the tab — it plays through once while recording, then downloads the finished video.

If you're marking up dozens of clicks and already have exact timestamps and coordinates logged elsewhere, paste them in directly as a time,x,y list instead of clicking through the whole video by hand.

Browser support

Exporting relies on your browser's built-in MediaRecorder, which is well supported in current Chrome, Edge, and Firefox and produces a .webm file. Safari's support is inconsistent across versions — if export isn't available, the tool tells you plainly rather than producing a broken file, and you can still use it to preview and manage your markers.

FAQ

Why does exporting take so long? Because it's genuinely recording the video playing in real time, with the highlight effects drawn live — a 3-minute clip takes about 3 minutes to export. That trade-off is what keeps this free and running entirely in your browser instead of needing a server to do heavy video re-encoding.

Can I add a highlight without a real click event in the recording? Yes — nothing here reads actual OS-level clicks from the video; every marker is something you place yourself, either by clicking on the frame or by importing a list of times and positions. That also means it works on any screen recording, regardless of how or where it was made.

What if I want two highlights close together on screen? Overlapping highlights are drawn independently and can appear at the same time — there's no limit on how close together in time two markers can be.

Can I export just part of a long recording? Yes, set a trim start and/or end time in the sidebar before exporting; only that range gets played through and recorded.

Will this work on a video with no audio track? Yes — if there's no audio, the export simply has none either; nothing about the process depends on the clip having sound.

Can I add arrows or text callouts too? Not in this tool specifically — for that, pair it with the image annotator on individual exported frames, or the screenshot beautifier if you're turning a moment from the recording into a standalone screenshot for documentation.