Float any screenshot over a gorgeous gradient — Aurora, Midnight, Oceanic, and more. The default style is already a gradient; just paste and export.
Customize
or click to upload (Paste also works)
Files are processed locally and never uploaded.
Paste or upload your screenshot into the tool above — it opens on the Aurora gradient by default, so you're already halfway done.
Click through the gradient presets in the sidebar until one flatters your screenshot's colors.
Adjust padding and shadow to taste, then download the 2x PNG.
A screenshot on plain white looks like a file attachment; the same screenshot floating over a rich gradient looks like a designed asset. Gradients add depth and light without demanding attention — the eye registers richness and moves on to your content, which is exactly what a background should do. It's the cheapest visual upgrade in the screenshot playbook, and it takes about ten seconds.
There's a practical reason gradients dominate social feeds and launch assets: they photograph the algorithm well. A colorful, high-contrast thumbnail stands out in a timeline of white rectangles, and the soft color transitions compress more gracefully than flat color blocks when platforms re-encode your image.
The rule is simple: the background should flatter the screenshot, not fight it. Dark interfaces glow against deep, saturated gradients — try Midnight, Minimal Slate, or Sunset Mesh for dark-mode apps and code editors. Light interfaces breathe on soft pastels like Peach Flow or Cotton Candy. If your brand has signature colors, pick the closest preset; Aurora's warm mesh suits most SaaS palettes.
Watch the contrast at the edges. A light screenshot on a light gradient can look washed out — deepen the shadow or pick a richer preset. A dark screenshot on a dark gradient can lose its edges — that's when a stronger shadow or a slightly lighter gradient earns its keep. Trust your eyes over any rule: if the screenshot pops, the pairing works.
Two small controls separate amateur from polished. The noise texture toggle adds a whisper of film grain over the gradient, which kills the digital banding that flat gradients sometimes show after export — leave it on unless you want a perfectly clean vector look. The shadow selector (from none to 2xl) grounds the screenshot; the default extra-large shadow is right for social, while documentation usually wants something subtler.
Padding is the third lever: more air around the screenshot reads as premium, less reads as dense and technical. Social posts want generous padding; docs and changelogs can go tighter. There's no wrong answer, only consistency — pick one combination and reuse it across a set.
Gradients aren't always the answer. If the screenshot is going into a slide deck, a Notion page, or a document with its own background, a gradient can clash — that's what the transparent preset is for. Select it, and the export keeps transparency so your screenshot sits cleanly on any surface.
Transparent exports are also the right call when someone else controls the final layout: a designer dropping your shot into a landing page, or a slide template with its own color system. Give them the clean asset and let their design system do the work.
The real power move isn't one beautiful screenshot — it's ten in the same style. A launch thread, a docs page, or a pitch deck where every screenshot shares the same gradient, padding, and shadow feels designed even when it was assembled in an afternoon. Viewers never consciously notice the uniformity; they just feel the professionalism.
So once you find a combination you like, stop experimenting and repeat it. Screenshot, paste, same gradient, same padding, export, next. A personal visual signature beats novelty-per-image every time — and it's faster.
The tool offers a curated set of gradient presets (Aurora, Midnight, Cotton Candy, Sunset Mesh, Deep Purple Mesh, Oceanic, Peach Flow, Minimal Slate) plus transparency — there's no custom color picker. Pick the preset closest to your brand palette; most brand colors have a near match.
Choose the transparent preset (the checkered swatch) in the background picker. The exported PNG keeps full transparency, so your screenshot drops cleanly onto slides, docs, or any designed surface.
Exports are PNG at 2x, which preserves smooth gradients well. If you ever see banding, leave the noise texture toggle on — the subtle grain breaks up banding invisibly and is on by default.
Yes — dark UI looks premium on deep gradients like Midnight or Minimal Slate. Just make sure there's enough contrast between the screenshot edges and the background, and use a solid shadow to separate them.