App Store Screenshot Generator addresses the need for creating professional, customizable screenshots for iOS App Store listings. It targets app developers seeking an efficient, free, and open-source tool to enhance their app's visual presentation with features like 3D device mockups, text overlays, and multi-language support, ultimately aiming to improve app store visibility and appeal.

How It Works

This tool leverages Vanilla JavaScript, HTML5 Canvas for 2D rendering, and Three.js for interactive 3D device mockups. Data persistence is handled locally via IndexedDB, and batch exports are managed using JSZip. A key feature is its AI-powered translation capability, integrating with Claude, OpenAI, or Google APIs to automate localization of text overlays, requiring users to supply their own API keys.

Quick Start & Requirements

• Online: Use directly at yuzu-hub.github.io/appscreen.
• Local: Serve the appscreen directory using a local web server (e.g., python3 -m http.server 8000 or npx serve .). Open http://localhost:8000.
• VS Code: Right-click index.html and select "Open with Live Server".
• Prerequisites: Python or Node.js for local serving. API keys for Claude, OpenAI, or Google AI translation services are required for AI features.
• Links: Online Demo

Highlighted Details

• Supports multiple output sizes for various iPhone and iPad models, plus custom dimensions.
• Offers extensive background customization: multi-stop gradients, solid colors, image uploads with blur/overlay, and noise textures.
• Features 3D iPhone 15 Pro Max mockups with interactive rotation and numerous 2D positioning presets.
• Includes robust text overlay options with 1500+ Google Fonts, styling, multi-language support, and AI-driven translation.

Maintenance & Community

Developed by Stefan from yuzuhub.com. The project encourages community contributions, evidenced by a list of "Apps Using This Project" and an invitation for users to submit their own apps via pull requests.

Licensing & Compatibility

Released under the MIT License, permitting free use, modification, and distribution, including for commercial purposes and integration within closed-source projects.

Limitations & Caveats

Data is stored locally in the browser using IndexedDB, which may have storage limitations and is not synchronized across devices. Full functionality of AI translation requires users to obtain and configure their own third-party API keys, incurring potential external costs.