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
- Upload a screenshot or any image
- Select a device frame: iPhone, MacBook, iPad, or Android
- Choose a frame color (Space Gray, Silver, or Gold)
- Pick a background color or use transparent
- Click Download to export the composed mockup as PNG
- 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
- 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
Related Tools
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.
Stream Chat Overlay
Design a custom chat overlay for your stream with animated messages, multiple themes, and adjustable styling. Preview with simulated chat, then use as an OBS Browser Source.