pawandeep-prog/snapframe

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.