In simple English
This tool turns plain pictures of your app into clean marketing images. You can add device frames and coloured backgrounds behind your screenshots. It runs right in your web browser or on your own computer. You can use the public website for free without installing anything. The code is open source and free to run yourself.
What it is
Screenshot.rocks is a web application built with TypeScript and React that frames screenshots in browser windows and phone mockups. It gives solo builders an easy way to prepare promotional images for product launches without opening heavy design software.
What it is good for
Solo builders who need professional product shots for a landing page or social media post. It removes the need to manually draw browser frames and shadows in an image editor.
- Runs instantly in any web browser without setup.
- Includes realistic browser and mobile phone frames.
- Free MIT licence lets you host your own version.
- Requires Node.js and Yarn if you want to run the code locally.
- Relies on community contributions for maintenance with 9 open issues.
- Provides no automated batch processing for many images at once.
manual screenshot framing in Photoshop or Figma
a landing page builder
- reactive-resume/reactive-resume45k stars
A different single-purpose React application for creating visual documents.
- ImageMagick/ImageMagick18k stars
Converts, resizes and edits images from one typed command, across more than two hundred formats.
- GoogleChromeLabs/squoosh26k stars
A web page that compresses images in the browser and shows you the result before you save it.
- simple-icons/simple-icons26k stars
More than 3,400 brand logos as single-colour SVG files, released into the public domain.
git clone git@github.com:daveearley/screenshot.rocks.git cd screenshot.rocks yarn install yarn start