Tutorial · July 8, 2026 · 6 min read
A raw screen capture looks flat — edge-to-edge pixels with no breathing room. Wrap it in a gradient background with padding, rounded corners and a soft shadow and it suddenly looks like a product launch. Here's how to add a background to your screen recording for free, right in the browser.
Why a background makes a recording look "designed"
You've seen the look: a browser window or app floating on a smooth color gradient, a little space around it, gently rounded corners, a subtle drop shadow. That framing does three things. It pulls the eye toward your content, it hides the messy edges of a window capture, and it makes a plain demo feel intentional. It's the difference between a recording that looks like a screenshot and one that looks like a polished walkthrough.
The good news: you don't need a design tool or a Mac-only app to get it. If you can record your screen, you can add the background in the same browser tab.
What you need
- A recent Chrome, Edge or other Chromium browser (Firefox works for most of it)
- A screen recording — one you just made, or an existing clip you drop into the editor
- About a minute; there's nothing to download
Step 1 — Record or open your clip
Start on the record page and capture your screen (and webcam, if you want a face circle). When you stop, the clip lands on the timeline editor. Already have a recording? Open the editor and drop the file straight in.
Step 2 — Click the Background button
Select your clip on the timeline, then click Background. The editor immediately wraps the recording in a gradient with padding, rounded corners and a soft shadow — the whole "designed" frame in one click. No layers to stack, no shapes to draw.
Step 3 — Pick your gradient
Choose from the preset gradients or set your own two colors for the blend. A few tips that work almost every time:
- Match the gradient to your brand's two main colors for instant consistency
- Keep it low-contrast — the background should sit behind your content, not fight it
- Darker gradients make a light app window pop; lighter ones suit dark-mode apps
Step 4 — Dial in the padding
Padding controls how much background shows around the recording. Slide it up and the capture shrinks with more color around it — great for a hero shot or a title moment. Slide it down and the recording fills more of the frame, which keeps small UI text readable. For most tutorials, a medium amount of padding is the sweet spot: enough to breathe, not so much that people squint.
Step 5 — Export and the background bakes in
When it looks right, export to MP4. The gradient, padding, rounded corners and shadow are rendered into every frame, so the file you download or upload is exactly what you saw in the editor. Pair it with a platform preset and you've got a share-ready video.
How it compares
The gradient-background look was made popular by Screen Studio, and it's a great app — but it's a native Mac-only download that costs around $89 one-time. If you're on Windows, Linux or a Chromebook, it isn't an option at all, and even on a Mac you're installing software and paying up front before you frame a single clip.
EZ Web Streams gives you the same polished framing — gradient, padding, rounded corners, soft shadow — for free, in any browser, on any operating system. And it's not a one-trick tool: the background lives in the same editor where you zoom and pan, add captions, and export. Record, frame, and publish without leaving the tab or opening your wallet.
Give your next recording that framed look
Gradient, padding and shadow in one click — free, no sign-up.
Start free →FAQ
Do I need to install anything to add a background?
No. EZ Web Streams runs entirely in your browser on Windows, Mac, Linux or ChromeOS. Open your recording in the editor, click Background, and the gradient, padding and shadow are applied live. There's no app or extension to install.
Will the background be baked into the exported file?
Yes. When you export to MP4 the gradient, padding, rounded corners and shadow are rendered into the final video frames. What you see in the editor is exactly what you get.
Can I change the gradient colors and padding?
Yes. Pick a preset gradient or set your own colors, then use the padding slider. More padding shows more background and shrinks the capture; less padding fills the frame.
Is this free?
Yes. Backgrounds are part of the free browser editor. The Free plan records up to 5 minutes at 720p, unlimited, forever. Pro at $7.99/mo lifts the length and resolution and adds more.