AppScreen: Free Open-Source App Store Screenshot Generator

By Prahlad Menon 5 min read

In a world where anyone can vibe-code an app, the real differentiator is presentation. Your App Store screenshots are often the deciding factor between a download and a scroll-past.

AppScreen is a free, open-source tool that lets you create polished App Store screenshots without touching Figma or Photoshop. It runs entirely in your browser, supports 3D device mockups, and can even auto-translate your marketing text with AI.

Try it now: yuzu-hub.github.io/appscreen

What It Does

Drop in your app screenshots, customize the presentation, export for every device size Apple requires. The workflow:

  1. Upload your raw screenshots
  2. Pick a background (gradient, solid, or image)
  3. Position the screenshot with presets or manual controls
  4. Add headline and subheadline text
  5. Export as PNG or batch-export all sizes as ZIP

Key Features

Device Mockups

  • 2D mode with position, scale, rotation, corner radius, shadows, and borders
  • 3D interactive iPhone 15 Pro Max mockup you can drag to rotate
  • Position presets: centered, bleed, tilt left/right, perspective views

Backgrounds

  • Multi-stop gradient editor with angle control
  • Preset gradients for quick styling
  • Image backgrounds with blur and overlay options
  • Noise texture overlay

Text & Localization

  • 1,500+ Google Fonts with search and preview
  • Full text styling (weight, italic, underline, positioning)
  • AI-powered translation using Claude, OpenAI, or Google AI
  • Per-screenshot language variants with flag switcher
  • Multi-language batch export (separate folders per locale)

Output Sizes All App Store requirements covered:

  • iPhone: 6.9”, 6.7”, 6.5”, 5.5”
  • iPad: 12.9”, 11”
  • Custom sizes

Workflow

  • Multiple projects with auto-save to browser storage
  • Drag-and-drop reorder
  • Batch export all screenshots as ZIP
  • Dark theme

The AI Translation Feature

This is the killer feature for indie devs going global. Add your headline in English, then:

  1. Add target languages (German, Japanese, Spanish, etc.)
  2. Click “Auto-translate with AI”
  3. Pick your provider (Claude, OpenAI, or Google)
  4. Get localized screenshots for every market

Your API key stays in your browser—it’s only sent to the AI provider for translation.

No Install Required

The tool is hosted on GitHub Pages. Just open the URL and start creating. If you want to run it locally or modify it:

# Clone and serve
git clone https://github.com/YUZU-Hub/appscreen.git
cd appscreen
python3 -m http.server 8000

Or use Docker:

docker run -d -p 8080:80 ghcr.io/yuzu-hub/appscreen:latest

Who This Is For

  • Indie developers who can code apps but aren’t designers
  • Small teams without dedicated marketing resources
  • Anyone localizing apps for multiple markets
  • Developers iterating on App Store presence (A/B testing screenshots)

The Tech Stack

Vanilla JavaScript, no frameworks. HTML5 Canvas for 2D, Three.js for 3D mockups, IndexedDB for local storage, JSZip for batch export. Clean and hackable.

Live Tool: yuzu-hub.github.io/appscreen
GitHub: YUZU-Hub/appscreen
License: MIT
Built by: YuzuHub (DĂźsseldorf, Germany)

Frequently Asked Questions

Is AppScreen really free?

Yes. AppScreen is 100% free and open source under the MIT license. It runs in your browser with no account required. The only potential cost is if you use the AI translation feature, which requires your own API key from Claude, OpenAI, or Google—you pay those providers directly at their standard rates.

Do I need to install anything?

No. AppScreen runs entirely in your browser at yuzu-hub.github.io/appscreen. Your projects are saved locally in your browser’s IndexedDB storage. You can optionally run it locally via Docker or a simple Python server if you prefer.

What App Store sizes does AppScreen support?

AppScreen supports all required iOS App Store screenshot sizes: iPhone 6.9”, 6.7”, 6.5”, and 5.5”, plus iPad 12.9” and 11”. You can also create custom sizes for other purposes like marketing materials or social media.

Can I use AppScreen for Google Play screenshots?

Yes. While the preset sizes target Apple’s App Store, you can set custom dimensions for Google Play requirements. The tool also includes a Samsung Galaxy S25 Ultra 3D model for Android device mockups.

How does the AI translation feature work?

You provide your own API key from Claude (Anthropic), OpenAI, or Google AI. The tool sends your headline/subheadline text to the provider for translation. Your API key is stored locally in your browser and never shared with AppScreen’s servers—it goes directly to the AI provider.

Is my data private?

Yes. All your screenshots and project data are stored locally in your browser using IndexedDB. Nothing is uploaded to any server. The only external calls are to Google Fonts (for the font picker) and optionally to AI providers if you use the translation feature with your own API key.

Can I use the generated screenshots commercially?

Yes. AppScreen is MIT licensed, and the screenshots you create are yours. The 3D device models (iPhone 15 Pro Max, Samsung Galaxy S25 Ultra) are CC BY 4.0 licensed, which permits commercial use with attribution to the original model creators.

How do I export screenshots for multiple languages?

Add multiple languages in the text panel, provide translations (manually or via AI), then use the batch export feature. You can export the current language only or all languages at once—each language gets its own folder in the ZIP file, ready for App Store Connect upload.