Showcase
Create device mockups and app screenshots with customizable frames, layout, and high-res export.
Showcase
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).
Stack
- SvelteKit with Vite
- Tailwind CSS v4
- mediabunny for image handling
- @paper-design/shaders for Static Mesh Gradient rendering
Getting Started
npm install
npm run dev
Open http://localhost:5173.
Scripts
| Command | Description |
|---|---|
npm run dev |
Start dev server |
npm run build |
Build for production |
npm run preview |
Preview production |
Third-Party Notice
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.
License
MIT — use freely.
