MacBook M4 · 13 app frames · Export at 3×

Turn any screenshot into a pixel-perfect MacBook mockup

Drop your screenshot, pick an app frame, choose a desk scene. Export as high-res PNG in seconds — no design skills needed.

No credit card needed · Free tier forever · Export up to 2×

FinderFileEditViewGo
Thu 12:41 PM
yoursite.com
https://yoursite.com/dashboard
2,847
Mockups
94%
Exports
12.3k
Views
Pro
Plan

Three steps. Thirty seconds.

No design skills, no Figma, no friction.

01

Drop your screenshot

Drag and drop, paste with ⌘V, or click to upload any image. Works with any screenshot — website, app, dashboard, or code.

02

Choose your frame

Pick an app frame (Safari, Chrome, Arc, VS Code…) and a macOS wallpaper. Or go full scene — put your MacBook on a desk with day or night lighting.

03

Export at any resolution

Click Export PNG. Free users get clean 2× exports. Pro users export at 3× — sharp enough for Retina displays and print.

Two ways to mockup

Pick the format that fits your use case

Scene Mockup

Full MacBook on a desk

Generate a complete product-photo-style mockup. Choose your MacBook model, desk environment, and day/night lighting.

  • MacBook Air 13/15 M4 · Pro 14/16 M4
  • 4 MacBook color options
  • 5 desk environments
  • Day & night lighting toggle
  • Changeable canvas background
  • Export at 1×, 2×, or 3×
Screen Mockup

macOS desktop screenshot

Wrap your screenshot in a realistic macOS environment. Pick any app frame — Safari, Chrome, Arc, VS Code, and more.

  • 6 app frames — Safari, Chrome, Arc, VS Code…
  • macOS Light & Dark mode
  • 8 wallpaper presets
  • Paste with ⌘V or drag & drop
  • Editable URL & window title
  • Dock show/hide toggle

13 app frames

Browser, IDE, design tool, or native macOS — every workflow covered

Safari
macOS Safari
Chrome
Google Chrome
Arc
Arc Browser
Firefox
Mozilla Firefox
VS Code
Visual Studio Code
Finder
macOS Finder
Terminal
macOS Terminal
Figma
Figma Design
Notion
Notion
Xcode
Apple Xcode
Linear
Linear Issues
Slack
Slack
Discord
Discord
Safari
macOS Safari
Chrome
Google Chrome
Arc
Arc Browser
Firefox
Mozilla Firefox
VS Code
Visual Studio Code
Finder
macOS Finder
Terminal
macOS Terminal
Figma
Figma Design
Notion
Notion
Xcode
Apple Xcode
Linear
Linear Issues
Slack
Slack
Discord
Discord
Discord
Discord
Slack
Slack
Linear
Linear Issues
Xcode
Apple Xcode
Notion
Notion
Figma
Figma Design
Terminal
macOS Terminal
Finder
macOS Finder
VS Code
Visual Studio Code
Firefox
Mozilla Firefox
Arc
Arc Browser
Chrome
Google Chrome
Safari
macOS Safari
Discord
Discord
Slack
Slack
Linear
Linear Issues
Xcode
Apple Xcode
Notion
Notion
Figma
Figma Design
Terminal
macOS Terminal
Finder
macOS Finder
VS Code
Visual Studio Code
Firefox
Mozilla Firefox
Arc
Arc Browser
Chrome
Google Chrome
Safari
macOS Safari

Simple pricing

Start free. Upgrade when you need more.

Free

$0/forever

Get started with the basics

  • Both mockup types
  • All app frames
  • Export at 1× & 2×
  • Save up to 20 mockups
  • 8 wallpaper presets
  • Watermark on exports
Popular

Pro

$9/per month

For designers & developers who ship

  • Everything in Free
  • Export at 3× (ultra sharp)
  • No watermark
  • Unlimited saved mockups
  • Custom background upload
  • Public share links
  • Priority support