What it is
Glint is a full screenshot and mockup studio that runs entirely in your browser.
Drop in a screen, and it is already framed and padded. From there you can add device
mockups, backgrounds, annotations, color grading, motion, and AI, then export anywhere it
needs to go. Everything renders locally on your machine and bakes into the export, so what
you see is exactly what you download.
Open the studio →
Why people use it
- Free and open source. The whole studio is free, and the source is right here.
- No account, no install. Open a tab and start. Nothing is uploaded unless you choose a cloud feature.
- Private by default. Editing, background removal, and OCR all run on your device.
- One canvas, every output. Stills, social sizes, store sets, GIFs, and video all come from the same scene.
- Installable PWA. Works fully offline after the first load.
Features
- Device mockups — iPhone, iPad, Pixel, MacBook, Apple Watch, Studio Display, plus browser and OS window frames. Flat, tilted, or real WebGL 3D you can orbit, light, and spin-export.
- Backgrounds — solid, gradient, mesh, pattern, image, or transparent.
- Color engine — filters, custom palettes with harmony generation, cinematic grades, duotone, and color mapping.
- Effects — drop shadows, reflections, perspective tilt, liquid glass, film grain, and spotlight.
- Annotation and redaction — arrows, shapes, numbered markers, text, and blur or pixelate to hide private data.
- Text and brand — rich text overlays, watermark, logo, and a reusable brand kit.
- AI (optional) — a design agent that composes a look from a sentence, background generation, subject isolation, OCR, vision, outpaint, and magic eraser.
- Motion — Ken Burns, per-element animation, a timeline, in-browser screen recording, and GIF or MP4 export.
- Output — PNG, JPEG, WebP, GIF, MP4, multi-page PDF decks, and ZIP for batches and App Store sets at every store size.
- Projects — save, version history, and optional cloud sync. A Cmd-K command palette ties it together.
See the full list at snapshotpro.xyz/features.
Develop
npm install
npm run dev # dev server at http://localhost:5173
npm run build # production build to dist/
npm run preview # serve the built dist/
Vanilla JavaScript and Vite, no framework. The editor lives at /editor/; the marketing and
info pages are separate Vite inputs (see rollupOptions.input in vite.config.js). 3D mockups
use three.js, optional AI runs through Vercel serverless functions in api/, and cloud sync
is optional via Supabase. Architecture notes are in CLAUDE.md; deployment is in
DEPLOY.md.
Contributing
Issues and pull requests are welcome. If you are adding a feature, a good place to start is the
bind* pattern in src/features/ and the single render() pipeline described in CLAUDE.md.
Found a bug or have an idea? Open an issue.
License
MIT © Charlie L.
