A web app for creating device mockups and app screenshots. Upload screenshots, choose device frames (e.g. iPhone 17), adjust layout and background, then export in high resolution (1080×1080 or 1920×1920).
- SvelteKit with Vite
- Tailwind CSS v4
- mediabunny for image handling
- @paper-design/shaders for Static Mesh Gradient rendering
npm install
npm run devOpen http://localhost:5173.
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm run preview |
Preview production |
This project uses @paper-design/shaders for Static Mesh Gradient rendering.
- License: PolyForm Shield
- Source: https://github.com/paper-design/shaders
- Required Notice: Copyright Lost Coast Labs, Inc. (http://paper.design)
Please review the Paper Shaders license before redistributing or using this project in a product that may compete with Paper or Paper Shaders.
MIT — use freely.