Upload your webpage screenshot, wrap it with a premium macOS browser frame, drop shadows, and beautiful gradient backdrops, and export high-res PNG.
Drag screenshot here
Supports PNG, JPG (Max 1 file)
Upload your webpage screenshot, wrap it with a premium macOS browser frame, drop shadows, and beautiful gradient backdrops, and export high-res PNG. Use it for everyday work, development, learning, or quick verification.
This tool runs in your browser. Before working with sensitive data, make sure you trust your browser and device environment.
Dropping a raw webpage screenshot into a slide deck or social post often looks flat, and it is not always obvious that it shows a website. This tool wraps your screenshot in a macOS-style browser window, complete with the red, yellow and green buttons, an address bar, rounded corners and a soft drop shadow, then places it on a gradient backdrop. In seconds you get a polished image for presentations, product pages, portfolios or posts on X.
Using it is simple: click the upload area or drag an image onto it. PNG and JPG are supported, one file at a time. In Style Options you can pick one of four gradient backdrops or a plain dark background with no gradient. Backdrop Padding comes in S, M and L and controls how much space surrounds the screenshot. The frame theme can be dark or light to suit the colors of your screenshot, and every change shows up instantly in the live preview on the right.
Browser URL lets you type any address or text to display, such as your product domain or the path of a specific page. Long text is cut off with an ellipsis so it never spills out of the address bar. When you press Download Mockup PNG, the tool redraws the whole image on a canvas in your browser and exports a sharp PNG that is always 1600 pixels wide. The height follows the aspect ratio of your screenshot, so even a long full-page capture is kept intact.
Everything is composed on your computer, and screenshots are never uploaded to an AlpaKit server, which makes the tool safe for unreleased product screens or internal dashboards. For now the frame is macOS-style only and the background cannot be made transparent. If your screenshot is much narrower than 1600 pixels, it is scaled up on export and text may look soft, so capture from a high-resolution display or a larger window when you can.
The exported PNG is always 1600 pixels wide, including the backdrop padding, the window frame and the screenshot. The height is calculated from your screenshot's aspect ratio and the padding you choose. Screenshots are scaled to fit the window width, so a low-resolution capture may look slightly blurry once enlarged.
Not at the moment. Choosing no gradient gives you a solid dark background rather than a transparent one. If you need transparency, export the image here first and then remove the background color with a background-removal or image editing tool.
Only a macOS-style browser frame is available, in dark and light themes. The three buttons at the top left and the address bar have a fixed design and cannot be switched to a Windows window or a phone frame.
No. The image is read and composed on a canvas entirely in your browser, and the PNG you download is generated locally. Your screenshot is never uploaded anywhere, so it is safe to use with confidential product screens.
Browse this category: Design & Color
Visually adjust multi-layer text-shadow, neon glow radius, colors, and flashing rate, then copy CSS code.
Extract colors from local images using a pixel-art style precision loupe. Support HEX, RGB, HSL copies and WCAG color contrast validation.
Visually configure and preview CSS Flexbox and Grid grid layouts, view animations, and copy CSS code.
Generate beautiful color schemes and export HEX/RGB values.
