git404hub

what is snapframe fr?

pawandeep-prog/snapframe — explained in plain English

Analysis updated 2026-05-18

254TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

tl;dr

A browser based tool for building professional app store and play store screenshots with device mockups, live preview, and a JSON editor built for AI assisted workflows.

vibe map

mindmap
  root((Snapframe))
    What it does
      Screenshot builder
      Device mockups
      Export as PNG or ZIP
    Tech stack
      React
      Vite
      Tailwind CSS
      Zustand
    Use cases
      App store screenshots
      Marketing images
      AI assisted editing
    Audience
      App developers
      Designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Create polished screenshots for app store and play store listings

VIBE 2

Build marketing images with device mockups for a new app launch

VIBE 3

Edit an entire screenshot set at once by pasting AI generated JSON

what's the stack?

ReactViteTailwind CSSZustandhtml-to-imagejszip

how it stacks up fr

pawandeep-prog/snapframemila89/polymarket-trading-botni5arga/deanonymizer
Stars254254255
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardmoderate
Complexity2/54/53/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min
Use, modify, and redistribute freely, including commercially, as long as you keep the copyright notice.

in plain english

Snapframe is a web based tool that helps app developers and designers create polished screenshots for the app store and play store. Instead of manually arranging device mockups and text in a design program, you build your screenshot sets right in the browser, add device frames like iPhone mockups, drop in text blocks, and export the results as PNG or JPG files or a zipped archive containing every resolution you need. The editor works with themes and per slide customization, so you can either apply one style across a whole project or adjust individual slides on their own. Changes show up in a live preview as you edit, and full undo and redo support means you can experiment freely without worrying about losing earlier work. Everything runs locally in the browser with no server dependency, which keeps the interface fast and responsive even offline. One notable feature is the JSON editor, which lets you build or edit a full screenshot project by writing JSON directly instead of clicking through menus. The editor shows a split view: your JSON on one side and a live preview on the other, complete with validation and error messages. This is designed to pair well with AI chat tools. You can copy the current project JSON, ask an assistant like ChatGPT or Claude to add or change slides in plain language, then paste the response back in and watch it update instantly. Snapframe is built with React, Vite, Tailwind CSS, and Zustand for state management, and it uses the html to image and jszip libraries to handle exporting. A hosted live demo needs no installation at all, or you can clone the repository, run npm install, and start a local development server with npm run dev. The project notes that Chrome is fully supported while Firefox currently has some known rendering issues that are still being investigated. Snapframe is released under the MIT License, so it can be used, modified, and redistributed freely, including commercially, as long as the copyright notice stays intact.

prompts (copy fr)

prompt 1
Write JSON for 3 Snapframe slides showing a fitness app using a bold orange theme
prompt 2
Suggest an iPhone mockup layout in Snapframe JSON for a meditation app screenshot
prompt 3
Convert this list of app features into Snapframe JSON slides with matching text blocks
prompt 4
Review this Snapframe JSON project and suggest a more consistent color theme across slides

Frequently asked questions

what is snapframe fr?

A browser based tool for building professional app store and play store screenshots with device mockups, live preview, and a JSON editor built for AI assisted workflows.

What language is snapframe written in?

Mainly TypeScript. The stack also includes React, Vite, Tailwind CSS.

What license does snapframe use?

Use, modify, and redistribute freely, including commercially, as long as you keep the copyright notice.

How hard is snapframe to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is snapframe for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.