Device Mockup Generator

Wrap your screenshot in a device frame and download as PNG.

Click to upload a screenshot

Preview

Upload a screenshot to preview

About This Tool

How to Use
  1. Upload a screenshot or any image
  2. Select a device frame: iPhone, MacBook, iPad, or Android
  3. Choose a frame color (Space Gray, Silver, or Gold)
  4. Pick a background color or use transparent
  5. Click Download to export the composed mockup as PNG
Common Use Cases
  • Creating app store screenshots with realistic device frames
  • Presenting website designs in portfolio case studies
  • Generating social media posts showcasing app interfaces
  • Adding professional context to product screenshots in pitch decks
Tips & Tricks
  • Use a transparent background when compositing onto custom slide backgrounds
  • MacBook frame works best with landscape screenshots at 16:10 aspect ratio
  • iPhone and Android frames are optimized for portrait (9:19.5) screenshots

You might also like

Code Screenshot Generator

Turn any code snippet into a beautiful, shareable screenshot. Choose from popular syntax themes, select your language, adjust padding and background, then export as a high-quality PNG — no Carbon account required.

Placeholder SVG Generator

Generate lightweight SVG placeholder images with custom dimensions, colors, text, and patterns. Copy the SVG code, data URI, or download the file — perfect for wireframes, mockups, and HTML prototypes.

Social Media Image Resizer

Crop and resize any image to the perfect dimensions for Instagram, Facebook, LinkedIn, YouTube, X/Twitter, and Pinterest. Upload your image, choose a platform preset, adjust the crop area, and download the optimized result instantly.

SVG Optimizer

Clean and minify SVG files by removing comments, metadata, empty elements, and unnecessary whitespace. Paste SVG code or upload a file and see before/after size savings.