How do I make a website mockup?

Open Mockup Center, pick a website, drop your screenshot on it and export. It takes about a minute.

Is the website mockup free?

Yes, the free plan is enough for it. Pro adds every device and template.

Yes. Choose an animated template or add animations on the timeline and export a video.

Mockup Center is an app rather than a file pack. You export PNG, JPG or video straight from it and skip Photoshop entirely.

Put your screenshot on 4 3D website models, from Browser window, iMac 24", MacBook. Turn it, light it, animate it and export an image or a video.

A screenshot, a screen recording or a whole set of them. They land on the device's screen.

Turn and light the 3D device yourself, or open an animated template and keep its motion.

PNG, JPG, MP4 or transparent WebM. A batch downloads as one ZIP.

3D website renders
Rotate the website to any angle with studio light and a shadow that follows it.
website mockup videos
Animate the website with ready templates or your own keyframes, then export MP4 or WebM.
Photo mockups
Real photographs with a website whose screen is already mapped for your design.
Transparent background
Export PNG or video without a background for slides, sites and editors.

Free for Mac. Apple silicon.

Web app and Figma plugin coming soon.