Mockup
Mac app window mockups
240fps puts a screenshot or a live website in a Mac app window (Light, Dark, Light · toolbar, Dark · toolbar) with a background, shadow and layout, and exports it as a PNG, JPEG or WebP image or an MP4, WebM or GIF video. It runs in the browser, and designing is free.
What a Mac app window mockup is good for
A Mac app window makes a flat screenshot look like a real product in someone's hands or on their desk. Typical uses:
- Mac app screenshots for the Mac App Store and your site
- SaaS and desktop app feature announcements
- Documentation and changelog images
- Showing a web app as a native-looking window
Put a website in the Mac app window
A website renders at 1440 × 900 inside the window, under a macOS title bar with the traffic lights and the window's title (plain, or with a toolbar: sidebar button, back and forward, search).
Websites are rendered by a real browser on our server, so pages with animations, lazy-loaded images and web fonts come out the way visitors see them. Adding a website needs a free account.
From still image to video
Switch the editor from Mockup to Videos and the Mac app window can move: zoom into a detail, tilt, glide, or cut between several screens. Add a headline, an animated cursor that clicks through your app, arrows and highlight boxes, and a soundtrack, then export an MP4 at up to 60 fps.
Mix it with other devices
Show the Mac app window next to Screenshot, Browser or any other device in the same scene: 240fps sizes them to their real proportions, so a phone beside a laptop looks right.
How to do it
- 1Open the editorOpen the editor with the Mac app window already selected.
- 2Add your screenPaste a screenshot (⌘V), drop an image or video on the canvas, or choose Website and paste a URL.
- 3Style the scenePick a finish, a layout and a background, or start from a template.
- 4ExportExport an image, or switch to Videos, add motion and export an MP4, WebM or GIF.
Questions
Which Mac window colours are there?
Light, Dark, Light · toolbar, Dark · toolbar.
Can I use a video in the Mac app window?
Yes. Drop an MP4, WebM or MOV screen recording on the screen and it plays inside the device, in the editor and in the exported video.
Is it free?
Designing is free: every device, finish, template and animation. Exporting images and videos comes with 240fps Monthly ($7 a month) or Lifetime ($39 once).
