App Store
screenshots.
Designed by code.

Sources and verification dates live in the store profiles reference. Full list and custom-size rules in the docs.

01CLI-based workflow

One JSON config drives screenshots × locales × device sizes. storeshot init scaffolds it; storeshot generate renders it; storeshot validate --json gates it in CI.

02Repeatable local rendering

Renders offline with Chromium on your machine. The same config, assets and version always produce the same pixels — nothing is uploaded, no API keys, no subscription.

03Art-directed templates

Eleven templates across six design families — each a distinct design system with its own typography, composition rules and device presentation, not a background swap.

04Arabic & RTL, first-class

Connected letterforms, mirrored compositions and mixed Arabic/English text through Chromium's text engine — never string reversal or alignment flips.

05Open source, free forever

MIT-licensed, deterministic by design, and built in the open. New templates, verified store profiles and RTL edge cases are first-class contributions.

1. 01

   Configure your project

   npx storeshot init my-app

   An interactive wizard sets your app name, story, locales, template and theme. First render uses the bundled example app — swap in your real screenshots and copy afterwards.

2. 02

   Choose & customize a template

   {
     "app": { "name": "Qamar" },
     "locales": ["en-US", "ar"],
     "template": "editorial",
     "theme": { "accent": "#62E6B5" },
     "screenshots": [
       { "id": "home", "role": "hero",
         "title": { "en-US": "…", "ar": "…" } }
     ],
     "exports": [
       { "store": "app-store", "profile": "iphone-6-3" },
       { "store": "google-play", "profile": "phone" }
     ]
   }

   One JSON file: locales, theme, per-locale copy, export profiles. Templates take small curated settings — headlineScale, deviceScale, deviceMode.

3. 03

   Generate the store listing

   npx storeshot generate
   npx storeshot validate

   Output lands in storeshots/<store-profile>/<locale>/01-….png at exact verified dimensions. Validation checks config, translations, dimensions and rendered text fit — before the stores see it.