Pricing page mockup

Three pricing plans with a highlighted “Most popular” tier, monthly/yearly toggle and feature checklists.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

A pricing table is one of the most-viewed screens of any SaaS. This template draws Starter, Pro and Business plans with a highlighted middle tier, a billing toggle and features with checkmarks — and a stacked plan picker on mobile.

Examples

Pricing Page mockup on Browser WindowPricing Page on Browser Window MockupPricing Page mockup on iPhone 17 Pro, left anglePricing Page on iPhone 17 Pro Mockup — Left AnglePricing Page mockup on MacBook Pro 14-inch, right anglePricing Page on MacBook Pro 14-inch Mockup — Right AnglePricing Page UI screenshot, isometric, dark modePricing Page UI Screenshot (Desktop) — Isometric, Dark Mode

How it works

  1. Choose a screen

    Pick one of 18 interface types (5 layouts each) or upload your own screenshot. Press “New variant” until you like it.

  2. Choose a device

    Put it on an iPhone 17 Pro, iPhone Air, MacBook Pro or MacBook Air — or show it in a browser window.

  3. Download

    Pick an angle and background, then download a high-resolution PNG, JPG or WebP. Transparent background works too.

Questions

Do prices change?

Yes, each variant uses slightly different prices.

Can I match my brand color?

The highlighted plan uses the accent color — choose one of 8 colors.

Is there a mobile pricing screen?

Yes, on iPhone you get a mobile plan picker.

Is UI Generator free?

Yes. Every interface, device, angle and export size is free, and you don’t need an account. You can use the images in commercial projects.

Can I put my own screenshot on an iPhone or MacBook?

Yes. Click “Your screenshot”, drag an image onto the preview or paste it with Ctrl/Cmd+V. Your image is processed in your browser and is never uploaded.

More mockups