AppMockUps

Professional App Store screenshot generator - transforming YUZU-Hub/appscreen into a template-driven marketing screenshot engine.

Overview

Generate beautiful, professional App Store screenshots that match studio.app-mockup.com quality. Upload your screenshots, pick a template, customize text, and export.

Features

• Template System - 15+ professional templates
• Device Frames - iPhone, Pixel, Tablet with proper masking
• Auto Layout - No manual positioning needed
• Typography - Professional fonts (Inter, SF Pro, Manrope, Poppins)
• Gradient Backgrounds - Modern color schemes
• Multi-Slide Generator - Export 5+ screenshots at once
• Live Preview - See changes instantly

Tech Stack

• Canvas: Fabric.js
• Frontend: Vanilla JS / React
• Export: PNG/WebP

Progress

• Project structure
• Implementation plan (see IMPLEMENTATION_PLAN.md)
• Phase 1: Foundation
• Phase 2: Templates
• Phase 3: UI
• Phase 4: Advanced features

Getting Started

# Install dependencies (when ready)
npm install

# Start development server
npm run dev

# Build for production
npm run build

Roadmap

See IMPLEMENTATION_PLAN.md for detailed phases.

References

• Original repo: https://github.com/YUZU-Hub/appscreen
• Inspiration: https://studio.app-mockup.com

---

Status: 🚧 In Development