https://github.com/deveix/mockgen
https://github.com/deveix/mockgen
appstore googleplay ios screenshots
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/deveix/mockgen
- Owner: deveix
- License: mit
- Created: 2025-06-08T15:07:25.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-16T21:05:55.000Z (12 months ago)
- Last Synced: 2025-06-16T22:21:29.185Z (12 months ago)
- Topics: appstore, googleplay, ios, screenshots
- Language: TypeScript
- Homepage: https://mockgen.click
- Size: 14.3 MB
- Stars: 3
- Watchers: 0
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Mockgen
Easily generate modern App Store & Google Play screenshots with customizable mockups.
[Try me!](https://mockgen.click/)
## Features
- Mockup generation for iOS and Android
- Custom backgrounds, text, images, and templates
- Drag-and-drop support to organize screenshots
- High-resolution export (PNG, WebP, AVIF)
- Real-time preview
- Multiple templates and formats supported
## Development
Create a `.env.local` file by copying and filling the file env.example
```
NEXT_PUBLIC_BASE_URL=http://0.0.0.0:3000
NEXT_PUBLIC_API_URL=http://0.0.0.0:3000/api
```
** To ensure proper image upload use `http://0.0.0.0:3000` instead of `http://localhost:3000` **
Install dependencies and start the app:
```shell
yarn
yarn dev
```
## Build & Production
To build for production:
```shell
yarn build
yarn start
```
## Usage Example
1. Select a template (iOS, Android, Open Graph, etc.)
2. Add your screenshots or images
3. Customize background, text, and colors
4. Reorder images with drag-and-drop
5. Export your ready-to-publish mockups
## Project Structure
- `app/`: Next.js pages and main logic
- `components/`: UI components and forms
- `lib/`: utilities, templates, SEO
- `public/`: static assets (icons, images, examples)
- `stores/`: state management (template stores)
- `types/`: TypeScript types
MIT License