Skip to content
gloss
Free template

Website mockup generator

Show your site the way people see it: in a MacBook Pro, MacBook Air, iMac or Studio Display, with long pages auto-scrolling if you export video.

16:9
The real template with a sample screen — yours goes here in the editor.
Use this template — free

Opens the editor with this template. Nothing is uploaded.

Output size
16:9
Format
PNG, JPG or WebPCopy to clipboard, too
Devices
Swap in any of 43 frames
Price
FreePro removes the small “Made with Gloss” mark

How to

Make website mockups in three steps.

  1. 1

    Open the template and drop in a full-page or viewport screenshot.

  2. 2

    Pick a laptop or display and its color.

  3. 3

    Export PNG up to 2K free, or 4K/6K and video with Pro.

Use this template — free

Tips

Better website mockups, faster.

A few things that make a difference at 16:9.

  • Use a tall full-page capture and the Auto-scroll animation for a scrolling video.
  • Try the Responsive layout to show laptop, tablet and phone together.

FAQ

Questions? Answers.

Can I show the whole page?

Yes — drop in a tall screenshot and use the scroll position slider, or the Auto-scroll animation to scroll it in a video.

Is this template free?

Yes. The template, every device frame and PNG, JPG or WebP export up to 2× are free. Free exports include a small “Made with Gloss” mark; Pro — one payment, no subscription — removes it and adds 4× and 6K exports and video.

Do my screenshots get uploaded?

No. Gloss renders everything locally in your browser — frames, backdrops, captions and exports. Your files never leave your device.

More templates

All templates