# Screenshot.Rocks

> Free, open-source web app for turning screenshots into mockups. Put a screenshot in a browser window or an iPhone frame, add a background, mark it up (text, boxes, arrows, numbered steps, blur) and export PNG, JPEG, WebP or SVG. Images are processed in the browser and not stored. No account or watermark.

Key facts:
- Editor: https://screenshot.rocks/app
- Frames: browser window (six styles or custom colors, editable address bar), iPhone (five finishes, optional Dynamic Island), or no frame.
- Canvas sizes: presets for 16:9, 4:3, 1:1, 4:5 and 9:16, or any width and height from 500 to 2300 px. The export matches the canvas size.
- Website capture: enter a URL to capture the first screen of a page, desktop (1440 × 800 at 2×) or mobile (375 × 812 at 3×).
- Browser extensions for Chrome, Firefox and Edge capture the current tab and open it in the editor.
- Source code: https://github.com/daveearley/screenshot.rocks

## Tools

- [Screenshot mockup generator](https://screenshot.rocks/screenshot-mockup-generator/): Put a screenshot in a browser window or iPhone, add a background, export.
- [Mobile website screenshot](https://screenshot.rocks/mobile-website-screenshot/): Capture a site’s phone layout from your desktop, from a URL or with device mode.
- [Website screenshot](https://screenshot.rocks/website-screenshot/): Type a URL and get a sharp screenshot in a browser frame.
- [Browser extension](https://screenshot.rocks/screenshot-extension/): One click captures the current tab and opens it in the editor.

## Guides

- [Full-page screenshots in any browser](https://screenshot.rocks/guides/full-page-screenshot/): Built-in ways to capture a whole web page in Chrome, Firefox, Edge, Safari, iPhone and Android.
- [Put a screenshot in a browser window](https://screenshot.rocks/guides/add-browser-frame-to-screenshot/): Add a clean browser frame with your own URL, and pick a style that suits the screenshot.
- [Put a screenshot in an iPhone frame](https://screenshot.rocks/guides/put-screenshot-in-iphone-frame/): Turn a phone screenshot into an iPhone mockup, with tips for a clean status bar.
- [Make beautiful screenshots](https://screenshot.rocks/guides/beautiful-screenshots/): Twelve specific fixes for blurry, cluttered or messy screenshots.
- [Screenshot sizes for every platform](https://screenshot.rocks/guides/screenshot-sizes/): Pixel sizes for X, LinkedIn, Instagram, Product Hunt, Dribbble, link previews and slides.
- [Hide sensitive information in screenshots](https://screenshot.rocks/guides/redact-screenshots/): Which redaction methods are safe, which can be undone, and what people forget to check.

## About

- [Privacy policy](https://screenshot.rocks/privacy.html): What Screenshot.Rocks collects and why: your images stay in your browser, we use analytics to understand usage, and we don’t sell or share your data.

## Optional

- [Full text of every page](https://screenshot.rocks/llms-full.txt): all guides and tool pages as plain text.