Website mockups

406 3D-rendered website mockups on laptops, monitors and tablets, 25 of them free.

Website Mockup Generator

Drop a screenshot of your site onto a laptop right in your browser and export a PNG or a layered PSD.

Website mockups at a glance

  • 406 scenesLaptops, monitors and tablets
  • 6 stylesStraight on, tilted, in pairs and in clay
  • Any pageA homepage, a landing or a dashboard
  • 25 freeEdit and export after sign-in

Website mockup styles

Questions

How do I put my website into the mockup?

Drag a screenshot of the page onto a scene in the browser, or place a Figma frame with the Mockup plugin. For Photoshop, Photopea or Affinity Designer there is a layered PSD.

Which devices can show my site?

Laptops such as the MacBook Pro, MacBook Air and Galaxy Book, the Studio Display, and tablets.

Can I show a light and a dark version?

Yes. Some scenes hold two devices, so each screen can take its own picture.

Can I use these mockups for client work?

Yes. Use them in personal and commercial projects, such as a case study or a pitch. You can't resell the mockups or hand out the source files.

Are any website mockups free?

Yes. The cards marked free can be edited and exported after you sign in.