# MockupViews

> MockupViews is a 100% free, ad-free, browser-based mockup generator — the best open alternative to Shots.so. Create stunning device mockups, animated videos, and app store screenshots entirely in your browser with no account required.

- URL: https://mockupviews.com
- Status: Public Beta
- Creator: Yassine Chandid (@jakcal)
- License: Free to use, no account required, no watermarks
- Price: $0 — completely free, no paywalls, no ads

## What is MockupViews?

MockupViews is a professional mockup creation tool that runs 100% in the browser. Upload a screenshot or UI design, drop it into a device frame, customize the background and effects, and export at full resolution. No Figma plugin, no Photoshop, no subscription.

It is the go-to free alternative to Shots.so, Mockuuups Studio, and similar paid tools. Everything renders on-device — no images are uploaded to a server.

## Core Features

### Device Mockups
- 30+ real device frames: iPhone 17/16/15/14, iPad, MacBook, iMac, Pro Display XDR, Google Pixel, Nothing Phone
- Clay device frames: iPhone, Android, MacBook, Browser, iPad, iMac, Display
- Device styles: multiple color variants for each device
- Browser frames: Safari, Chrome, Arc — with 8 window shape presets
- Screenshot mode: bare screenshot with automatic multi-layout support (1, 2, or 3 screens)
- Tilt controls: rotate and angle devices for dynamic compositions

### Canvas & Background
- Background types: solid color, gradient, image, transparent, custom CSS, blur
- Magic Backgrounds: AI-extracted color palettes auto-generated from your uploaded image
- Gradient presets with animated moving backgrounds
- Canvas effects: blur, noise
- Lens Blur effect: depth-of-field circle with feathered edges
- Spotlight effect: dark overlay with a focus circle
- Magnifier effect: zoomable circular glass overlay
- Scenes: realistic shadow overlays

### Layouts
- Multi-screen layout presets: single, dual, triple, and more
- Drag, pan, and zoom canvas with mouse/trackpad
- Zoom controls with keyboard shortcuts

### Image Controls
- Upload images or videos
- Per-image: border radius, shadow, scale, rotation, padding, border
- Image filters: brightness, contrast, saturation, grayscale, sepia
- Image cropper
- Performance Mode: lightweight previews for large images, full quality on export

### Export — Images
- Formats: PNG, JPG, WebP
- Quality scales: 1×, 2×, 3× (up to ~6000px)
- Export all scales as ZIP
- Copy to clipboard

### Export — Video (Animation Mode)
- Keyframe-based animation system
- Timeline editor with trim, scrub, and playback controls
- Animate: camera zoom/pan, backgrounds, effects, device position
- Supported FPS: 24, 30, 60
- Duration: up to 30 seconds (warning shown for >10s)
- Output: H.264 MP4, encoded in-browser via FFmpeg WASM
- Export shows render time, frame count, FPS, duration

### App Store Screenshots Mode
- Dedicated mode for generating App Store and Google Play screenshots
- Supported sizes:
  - Apple: iPhone 6.7", 6.5", 5.5", iPad 12.9", iPad 11"
  - Google Play: Phone (1080×1920), Tablet (1920×1200)
- Per-screenshot backgrounds and effects
- Batch export as ZIP

### Projects & Persistence
- Save and load projects (all settings preserved)
- Images persist in browser IndexedDB — no re-upload needed after refresh
- Works offline after first load (PWA, Workbox service worker)
- Installable as a desktop/mobile app

### Watermarks
- Add logo or text watermarks with position, opacity, and size controls

### Text Elements
- Add text layers to canvas with custom fonts, sizes, and colors

### CSS Library
- Copy design values as CSS for use in your own projects

## Keyboard Shortcuts
- Space + drag: pan canvas
- Scroll: zoom canvas
- Standard undo/redo support


## Browser Support
- Best experience: Google Chrome (recommended)
- Supported: Firefox, Arc, Zen, Vivaldi, Safari
- Requires JavaScript enabled

## Comparison vs Shots.so

| Feature | MockupViews | Shots.so |
|---|---|---|
| Price | 100% Free | Freemium / Paid |
| Ads | None | Yes (free tier) |
| Watermarks | None | Yes (free tier) |
| Account required | No | Yes |
| Video export | Yes (MP4) | No |
| Animation timeline | Yes | No |
| App store screenshots | Yes | No |
| Works offline | Yes (PWA) | No |
| Open source | Yes | No |
| 60 FPS export | Yes | No |

## URLs

- App: https://mockupviews.com
- Blog: https://mockupviews.com/blog
- GitHub: https://github.com/jakcal
- Creator: https://jakcal.github.io
- Support / Donate: https://ko-fi.com/jakcal
- Feedback: mailto:me@yassinech.com

## Creator

MockupViews is built and maintained by **Yassine Chandid** (@jakcal), an independent developer based in Morocco. The project is fully self-funded and kept free for everyone.