GitHub README screenshots

The screenshot your README deserves.

A raw terminal grab buries a good project. Frame your app in a browser window, set a background that matches your docs, and export a sharp hero image that makes people star the repo.

Open the studio → How it works
A project UI framed in a browser window for a README

From local grab to repo hero.

A few minutes in the studio buys you a header image, dark and light variants, and annotated shots for the docs.

01

Frame the app

Drop your screenshot into a Chrome, Safari, or macOS window with a title and traffic-light controls.

02

Match your docs

Pick a background, add a headline, and call out features with arrows, numbered markers, and shapes.

03

Export both themes

Download a PNG for the README, then swap the background for a light or dark variant and export again.

Made for project pages.

Everything a developer needs to document a tool, and nothing they have to install.

Annotate and redact

Arrows, boxes, and numbered steps explain the UI. Blur or pixelate any keys, tokens, or private data.

Browser and OS chrome

Real window frames make a web app look like a web app instead of a flat rectangle on a page.

Animated demos

Record the screen or animate stills, then export a GIF or MP4 to embed straight in the README.

Free and open source

The tool runs in your browser and the source is public, which is the kind of thing your users appreciate.

Keep going.

Device mockups → Open Graph images → Social media mockups → Add a drop shadow →

Give your repo a hero image.

No sign-up. Open the studio and export a README shot in minutes.

Open the studio →