Screenshot Mockup Tools
lastmod 2026-02-21created 2026-02-212 edits
A collection of tools for dressing up software screenshots nicely for use on homepages or product introduction pages.
Browser-based
| Name | Description | URL | Cost |
| Screenshot.rocks | Open source. Wraps in a browser window frame, applies background gradients | Free | |
| Screely | Create mockups simply by dragging and dropping a screenshot | Free | |
| Pika | Applies various styles such as gradient backgrounds, shadows, browser frames | Freemium | |
| Shots.so | Provides advanced options such as 3D rotation, device mockups, background customization | Freemium |
Device mockups
Tools that composite screenshots onto photos of real devices (MacBook, smartphones, etc.).
| Name | Description | URL | Cost |
| Mockup Photos | Composites screenshots onto photos of real devices | Freemium | |
| Smartmockups | Part of Canva. Provides a variety of device/environment mockup templates | Freemium | |
| Device Frames | Applies clean device frames | Freemium |
Specialized for code/terminal screenshots
| Name | Description | URL | Cost |
| Converts code snippets into pretty images | Free | ||
| Ray.so | Code image generator made by Raycast | Free |
Local apps
| Name | Description | Platform | Cost |
| CleanShot X | All-in-one capture + automatic background/shadow + annotation | macOS | Paid |
| Flameshot | Open-source capture tool. Supports annotation | Linux / Windows / macOS | Free |
See also
- Design
- Web Design
- carbon - Renders source code as pretty images.
- Mockup