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.
CSS Gradient Generator
Create beautiful CSS gradients visually. Choose between linear, radial, and conic gradient types, add multiple color stops, and copy the ready-to-use CSS background property directly into your stylesheet.