E-commerce mockup

Storefront with hero banner and product grid on desktop, product page with sizes and “Add to cart” on mobile.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

The shop template draws a modern online store: navigation, a seasonal hero banner, category chips and a product grid with prices, ratings and badges. On iPhone it becomes a product page with gallery dots, sizes, colors and an add-to-cart button.

Use it for e-commerce platforms, Shopify themes, marketplaces and DTC brands.

Examples

E-commerce Store mockup on MacBook Pro 14-inch and iPhone 17 Pro, left angleE-commerce Store on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Left AngleE-commerce Store mockup on iPhone 17 Pro, floating 3DE-commerce Store on iPhone 17 Pro Mockup — Floating 3DE-commerce Store mockup on Browser WindowE-commerce Store on Browser Window MockupE-commerce Store mockup on MacBook Pro 14-inch, isometricE-commerce Store on MacBook Pro 14-inch Mockup — Isometric

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

Are the products real?

No, product images are generated illustrations, so there are no copyright issues.

Is there a mobile product page?

Yes, choose iPhone.

Can I change the brand name?

Yes, type it into “Product name”.

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