Mockups, Screenshots & Device Frames

Wrap a screenshot in a device frame, generate marketing mockups, and capture clean app screenshots.

The "make this screenshot look good for the website / pitch deck / app store" workflow. Adjacent to OG Images (programmatic) and Vector Design Apps (build it from scratch).

Screenshot capture (macOS-leaning)

★ CleanShot X — closed source, paid (one-time + optional Cloud); the de-facto pro screenshot app on macOS in 2026. Annotate, blur, scrolling capture, video, GIFs. No real free tier.
★ Shottr — closed source, free for personal use; lightweight CleanShot-alike for macOS. Scrolling capture, OCR, pixel ruler.
Xnapper — closed source, paid (free trial); auto-beautified screenshots with backgrounds.
macOS built-in (Cmd+Shift+5) — free; underrated; supports timed capture and screen recording.
Flameshot (Linux/Win/macOS) — free OSS; the best cross-platform OSS pick.
ShareX (Windows) — free OSS; the Windows power-user choice.
Greenshot (Windows) — free OSS; simpler alternative.

Auto-beautified screenshots (background, padding, shadow)

★ Screely — free web tool; drop a screenshot, get a backgrounded mockup. Closed source.
Pika (pika.style) — free + paid; templates for browser frames, devices, and gradients.
Mockuuups Studio — closed source; freemium; large stock library of hands / contexts.
Recorderly / Beautify by Recorderly — closed source; quick beautification.
Cleanmock — free web tool for iPhone / Mac frames.
Xnapper — see above; built-in beautification.

Device frames (programmatic / asset-based)

★ Apple Design Resources — official free Sketch/Figma/XD/Photoshop kits with all current Apple device frames.
Google Design Resources — Pixel device frames, free.
Frame X (figma community) — free Figma kit with thousands of device mockups.
Mockup Photos — free / paid stock library of device-in-context shots.
Devices.css by Marvel — pure CSS device frames; free OSS; the "frame a screenshot in HTML" trick.

App store screenshots / marketing mockups

★ Mockuuups Studio — closed source, freemium; specifically tuned for App Store / Google Play screenshots.
Smartmockups — closed source, freemium; large library of product mockups.
AppMockup Studio — free tier; iOS / Android store assets.
Previewed — closed source, freemium; 3D device mockups + animation.
ScreenSpace — closed source, paid; 3D animated product shots.
Rotato (macOS) — closed source, freemium; 3D device animation; export video.

Server / CI screenshot generation

See OG Images (@vercel/og, Satori) and Specialty Testing (Playwright page.screenshot).

Pick this if…

Best macOS screenshot app, willing to pay: CleanShot X.
Free pro-grade macOS screenshot: Shottr.
Cross-platform OSS: Flameshot.
Quick beautified marketing screenshot: Screely or Xnapper.
App Store screenshots at scale: Mockuuups Studio or Previewed.
Programmatic device frames in HTML: Devices.css.