Web Systems · AI · Automation · Visibility

Webdm — Website Device Mockups // Mac App

Website mockups straight from the live browser

Live website. Real devices. Exact pixels.

34,99 €One-time purchaseNo subscription

Capabilities

Was das Produkt leistet

01

Live website instead of screenshot upload

The app loads the real page — including behind login or on staging. Sign in once, all devices are in; each device with its own URL and scroll position.

02

Presets and 3D fine-tuning

MacBook, iPhone, and iPad with arrangement presets, orbit camera, and transform gizmo — composition instead of a screenshot collage.

03

Export at exact pixels

PNG or JPEG up to 8K in fixed aspect ratios, optionally with a transparent background — for portfolio, pitch, and social.

04

Browser window, always the same size

Fixed measure for clean screenshots — background as color, gradient, image, or transparent with shadow on alpha.

05

Color, gradient, image, or transparent

Background and lighting presets for the device scene — including ground shadow and device colors, so the composition fits the pitch.

06

Projects stay local

.webdm stores manifest and captures — no cookies, passwords, or WebKit storage in the package. Sessions stay on the Mac.

With Webdm you create website mockups directly from the live page. The Mac app loads your website in a real browser and shows it on 3D models of MacBook, iPhone, and iPad — each device in its real responsive view.

Built for designers, agencies, and developers who need mockups for portfolio, client pitch, and social media. Now in the Mac App Store — one-time purchase, no subscription.

Mehr zum Ansatz: Website mockups from the live browser

Product shots

Einblicke in die App

  • Scene with the live website on MacBook, iPhone, and iPad — one login for all devices, its own view per device.
  • Focus browser: sign in on the chosen device and navigate to the exact state before the device shows the page.
  • Device and arrangement presets: place MacBook, iPhone, and iPad quickly — custom arrangements can be saved.
  • Transform gizmo and inspector: align devices in 3D, pick presets, and fine-tune the scene for export.
  • Background as color, gradient, image, or transparent — plus lighting presets and ground shadow for the device scene.
  • Browser window at a fixed measure: clean screenshots — color, gradient, image, or transparent with shadow on alpha.

Price

One-time purchase

34,99 €

Buy once, use forever. No subscription, no ongoing costs, no render credits.

Now in the Mac App Store — for macOS 15 or newer.

Support

Hilfe zu Webdm

Here’s how to create your first mockup in four steps:

  1. Create a new project and enter the base URL.
  2. Double-click a device (or edit the browser), sign in, and navigate.
  3. Arrange devices with presets and the transform gizmo.
  4. Export PNG or JPEG at the size you need.

No account, no tracking, no analytics SDKs. Browsing data stays in local WebKit storage and never ends up in project files. Privacy policy

Does Webdm work with every website?

Yes — anything WebKit (Safari) can render, Webdm can render. WordPress, Shopify, React apps, internal tools, staging servers on the local network.

Are my logins stored?

Sessions live only in the local WebKit storage on your Mac — never in project files, never in a cloud.

Do I need an internet connection?

Only to load the website. Composing and exporting work offline after that.

Can I use mockups commercially?

Yes, without restriction. The 3D device models are licensed CC-BY-4.0; attribution is in the app settings.

Why is the app rated 17+?

Because it contains an unrestricted web browser — that is Apple’s standard rating for apps with unrestricted web access.

How do I delete website data?

In the app: Settings → Delete website data.

How do I export with a transparent background?

Set the background to Transparent and export as PNG.

Which macOS version do I need?

macOS 15 or newer. Webdm is a native Mac app and does not run on Windows or Linux.

Support: email hello@imping.digital with subject “Webdm Support”. Please include macOS version, app version, and reproduction steps.

Mac App

Webdm im Einsatz

It came out of my own daily work: I needed mockups of real client work every day — often from pages behind login. So I built the tool myself.

Loadout 0