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.

Favicon Generator

Generate a complete favicon package from any image or emoji. Creates PNG at all standard sizes (16x16 to 512x512) and Apple Touch icons — download individually or all at once.