Make screenshots look like they belong in a portfolio
Raw screenshots look raw. Add a gradient background, drop shadow, and rounded corners and suddenly you have something worth sharing. Takes about five seconds. Runs in your browser or locally on your desktop.
90+ gradient presets built in
Pick a category, click a preset, done. Or build your own with custom hex values.
| Category | Examples | Count |
|---|---|---|
| Warm tones | Sunset orange, coral pink, amber gold | 18 presets |
| Cool tones | Ocean blue, teal mint, arctic purple | 16 presets |
| Dark & moody | Charcoal grey, deep navy, midnight violet | 14 presets |
| Pastels | Lavender, soft peach, mint cream | 12 presets |
| Brand colors | Custom hex input, saved palettes | Unlimited |
How to beautify a screenshot
Faster than opening Figma. Seriously.
Open your screenshot
Paste with ⌘V, drag in a file, or capture fresh with the built-in tool. Your screenshot loads on the canvas instantly. No import wizard, no file picker — just paste and go.
Pro tip: The fastest workflow: take a screenshot with ⌘⇧4, then immediately ⌘V into ScreenshotEdits. Capture to beautified in under 10 seconds.
Pick a style
Browse 90+ gradient presets or enter custom hex colors. Adjust shadow intensity from subtle to dramatic. Set corner radius for that polished window look. Add padding so the screenshot doesn't touch the edges. Everything updates live as you tweak it.
Pro tip: Start with a dark gradient for light-themed screenshots and a warm gradient for dark-themed ones. The contrast makes the content pop instead of blending into the background.
Export the polished result
Copy to clipboard with ⌘C for instant pasting into Twitter, Slack, or Notion. Or save as PNG/JPEG at 1x, 2x, or 3x resolution. The gradient background and shadow export as part of the image — no layers, no dependencies.
Pro tip: For social media, always export at 2x. Every platform compresses uploads, and starting at 2x means your image survives the compression without looking mushy.
Where beautified screenshots show up
Nobody puts a raw screenshot in a pitch deck. Or a Product Hunt gallery. Or a portfolio. The moment presentation matters, you need something that looks intentional.
Social media posts
A raw screenshot on Twitter gets scrolled past. The same screenshot with a gradient background and soft shadow stops the scroll. It takes ten seconds and makes the difference between 50 impressions and 500.
Product Hunt launches
Your launch gallery is the first thing people see. Every top-performing launch uses styled screenshots — not raw screen grabs pasted into a white box. Gradient backgrounds make your product look intentional, not thrown together the night before.
Portfolio pieces
Case studies and portfolio pages need visuals that look considered. A beautified screenshot with matching brand gradients communicates craft. It says you care about the details — which is exactly what clients and hiring managers notice.
Presentation slides
Screenshots dropped into slide decks always look jarring against the presentation's background. Add a gradient that complements your slide theme and suddenly the screenshot belongs there. Shadows give it depth so it doesn't look pasted on.
Raw screenshot vs beautified
Same content. Completely different impression.
Raw screenshot
Flat edges. No background. The image floats awkwardly wherever you paste it. On a white page it disappears into the background. On a dark page the sharp edges cut into the layout. It looks like what it is — a screen grab taken in a hurry.
- No visual context
- Sharp edges look unfinished
- Gets scrolled past on social
Beautified
Gradient background gives it a stage. Rounded corners soften the look. A drop shadow adds depth so the screenshot feels like a physical object floating above the page. It communicates that someone cared enough to present it properly.
- Professional, finished look
- Stops the scroll on social media
- Takes 5 seconds, not 5 minutes
The real difference: Beautified screenshots get shared more. People retweet polished visuals. They screenshot them for reference. A raw screen grab just gets the information across — a beautified one gets remembered.
Tips for better-looking screenshots
The tool does the heavy lifting. These habits make the results even better.
Match gradients to content mood
Warm gradients (oranges, pinks) work for creative and consumer-facing content. Cool gradients (blues, teals) fit technical and B2B screenshots. Dark gradients make light-themed UIs pop. Don't overthink it — pick what feels right in two seconds.
Shadow intensity matters
Subtle shadows for light, airy designs. Medium for most use cases. Heavy shadows on dark backgrounds create depth that makes the screenshot float off the page. Too much shadow on a light background looks dated — go easy.
Keep corner radius consistent
If you're creating a set of screenshots for a blog post or launch page, use the same corner radius on all of them. Mixing 8px and 16px corners in the same gallery looks accidental. Pick one and stick with it.
Export resolution for social
Every social platform compresses your image. Starting at 1x means you're already losing quality before the platform takes its cut. Export at 2x minimum. For high-detail UI screenshots, 3x is worth the extra file size.
Everything in the beautify toolkit
You used to need Figma or Photoshop for this. Now you paste a screenshot and click a gradient.
Frequently asked questions
How many gradient presets are available?
90+ presets across warm tones, cool tones, dark moody, pastels, and brand colors. You can also create custom gradients with any hex values you want.
Can I match the gradient to my brand colors?
Yes. Enter exact hex values to create custom gradients that match your brand palette. Save them as presets so you don't have to re-enter the codes every time.
Does beautifying affect the screenshot quality?
No. The original screenshot stays pixel-perfect. The gradient, shadow, and rounded corners are added around it as a frame. Export at 2x or 3x for retina sharpness.
What shadow levels can I choose?
Four levels: none, subtle (barely visible — good for light backgrounds), medium (the default, works everywhere), and heavy (dramatic drop shadow for dark backgrounds and presentations).
What corner radius options are there?
None (sharp), small (4px), medium (8px), large (16px), or extra-large (24px). You can also type in a custom pixel value. For that classic macOS window look, 10px hits the sweet spot.
Can I beautify multiple screenshots with the same style?
Yes. Open several screenshots in tabs and apply the same gradient, shadow, and radius to each. Your last-used settings persist between tabs, so you get a consistent look without re-configuring anything.
What export resolution should I use for social media?
2x for most platforms. Twitter, LinkedIn, and Instagram all compress uploads, so starting at 2x means your image still looks sharp after their compression algorithms do their thing.
Stop sharing ugly screenshots
Download free and make every screenshot look like it was designed on purpose.