Repolode
Submit
Pawandeep-prog

Pawandeep-prog/Snapframe

A web-based screenshot builder that turns app screenshots into marketing-ready images for the Play Store and App Store, with device frames and text.

Open-source alternative to:Previewed

View on GitHubWebsite
Stars
293
Forks
34
Open issues
8
Last commit
4 months ago

What is it?

Snapframe is a browser-based editor for creating app store screenshots. Developers and designers can place their app screens inside device mockups such as iPhone frames, add text blocks, and apply templates or custom styles across a whole set of slides.

Each slide can have its own theme, or a global theme can be applied to the entire project. Edits update in real time, and undo/redo history lets you iterate without losing work. Finished screenshots can be exported as PNG or JPG, or as a ZIP archive containing all resolutions.

The project also includes a JSON editor with a live side-by-side preview. You can paste a project's JSON, edit it directly, or have an AI tool generate slides and paste the result back in. The app runs locally with npm, and a live demo is hosted on GitHub Pages. Chrome is fully supported; Firefox has known rendering issues.

Key features

  • 01Device frames such as iPhone mockups for showing app screens in context.
  • 02Per-slide or project-wide theming with curated and custom styles.
  • 03Text blocks with adjustable typography and positioning.
  • 04Real-time preview with undo/redo history.
  • 05Export to PNG, JPG, or a ZIP archive of all resolutions.
  • 06JSON editor with live preview for building slide sets programmatically.

Use cases

  • Preparing Play Store or App Store screenshot sets for a new app release.
  • Creating marketing images for an app without a dedicated design tool.
  • Generating slide sets with an AI assistant and refining them visually.

Quick start

  1. 1

    Clone the repository

    git clone https://github.com/Pawandeep-prog/Snapframe.git
  2. 2

    Enter the project folder

    cd Snapframe
  3. 3

    Install dependencies

    npm install
  4. 4

    Run the development server and open http://localhost:5173

    npm run dev

Things to know

  • Firefox has known rendering issues, so Chrome is the supported browser.

Topics

#screenshot#app-store#design-tool#react#typescript#json-editor#image-export#generator#snapframe

FAQ

What is Snapframe?
A web-based screenshot builder that turns app screenshots into marketing-ready images for the Play Store and App Store, with device frames and text. Snapframe is a browser-based editor for creating app store screenshots. Developers and designers can place their app screens inside device mockups such as iPhone frames, add text blocks, and apply templates or custom styles across a whole set of slides.
Is Snapframe free to use? What license does it have?
Snapframe is open source under the MIT license. Check the license terms before using it in commercial products.
Is Snapframe still maintained?
Updated within 6 months. The last commit to Snapframe was on Jul 1, 2026.
What can I use Snapframe for?
Preparing Play Store or App Store screenshot sets for a new app release. Creating marketing images for an app without a dedicated design tool. Generating slide sets with an AI assistant and refining them visually.
How do I install Snapframe?
Clone the repository: git clone https://github.com/Pawandeep-prog/Snapframe.git Enter the project folder: cd Snapframe Install dependencies: npm install Run the development server and open http://localhost:5173: npm run dev
Where can I get Snapframe?
The source code and installation instructions are on GitHub: https://github.com/Pawandeep-prog/Snapframe

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects