- +100 Tools
- 100% Free
- 0 Pop-up Ads
- No Sign-up
- Runs locally
Related Tools
Image Border, Shadow & Mockup
Image Border, Shadow & Mockup
What is this tool?
The Image Border, Shadow & Mockup tool wraps an image in a styled frame — the same "pretty screenshot" look popular in blog posts, documentation and social media. All sizes scale with the image, so the settings look the same on a small icon and a 4K screenshot.
When to use it
- Making app or website screenshots look polished for a blog, README or landing page
- Adding a drop shadow and rounded corners to product photos
- Giving screenshots a macOS-style window bar with traffic-light dots
- Putting a branded gradient behind images for social posts
- Applying one consistent style to a whole set of screenshots
How to use it
- 1Drop one or more screenshots or photos
- 2Pick a gradient theme or colours, then adjust padding, corner radius and shadow
- 3Optionally add a window bar or a border
- 4Choose PNG to keep transparency (if the background is transparent) and click Download
Frequently asked questions
Can I use a transparent background?
Yes — choose Transparent and download as PNG or WebP to keep the shadow and rounded corners over a see-through background.
Why does the preview look smaller than my image?
The preview is drawn from a reduced copy so the sliders stay fast. The download is rendered from the full-resolution original.
Can I apply the same look to many images?
Yes. Every image in the list gets the same settings and the results arrive as one ZIP.
Is the window bar a real browser frame?
It's a simple, neutral title bar with three coloured dots — a clean decoration, not a trademarked browser or operating-system graphic.
Are my images uploaded?
No, everything is drawn locally on a canvas in your browser.