A ready-to-use e-commerce store mockup on MacBook Pro 14-inch and iPhone 17 Pro in a left angle view. It is generated in your browser — open it in the editor above, adjust anything and download.

What’s on the screen
The desktop storefront has a navigation bar with cart, a seasonal hero banner, category chips and a product grid with prices, ratings, “New” and discount badges. The mobile version is a product page with a large product photo, gallery dots, price, rating, description, size and color pickers and an “Add to cart” button.
The device
Two devices share the frame: a MacBook Pro 14-inch in Space Black shows the desktop version and an iPhone 17 Pro in Silver shows the mobile version of the same product, the classic responsive hero shot.
Angle and style
The camera looks from the left and slightly above, so you see the side of the device and the screen in gentle perspective. It adds depth without hiding the interface.
The interface uses the light theme with the orange accent color and soft cards with gentle shadows. The scene is placed on a peach gradient with a soft shadow.
Details
| Screen | E-commerce Store (desktop + mobile) |
|---|---|
| Device | MacBook Pro 14-inch and iPhone 17 Pro |
| Color | Space Black / Silver |
| Angle | Left Angle |
| Theme | Light |
| Accent | orange |
| Background | peach gradient |
| Formats | PNG, JPG, WebP |
| Sizes | Auto (up to 3000 px), 1200×630, 1270×760, 1600×1200, 1080×1080, 1080×1350, 1920×1080 |
Good for
- E-commerce platforms and themes
- Online store launches
- Marketplace pitch decks
- DTC brand websites
Questions
Can I download this e-commerce store mockup for free?
Yes. The editor at the top of this page is already set up exactly like the image. Press “Download” to get a high-resolution PNG, or change anything first. No account is needed and you can use it commercially.
Can I put my own screenshot on this MacBook Pro 14-inch and iPhone 17 Pro?
Yes. Click “Your screenshot” or drop an image on the preview. It replaces the generated e-commerce store and never leaves your browser.
Can I change the colors of this e-commerce store?
Yes. Pick one of 8 accent colors, switch between light and dark, or choose the Soft, Sharp or Glass style. “New variant” generates different data and names.
Similar mockups
E-commerce Store on iPhone 17 Pro Mockup — Floating 3D
E-commerce Store on Browser Window Mockup
E-commerce Store on MacBook Pro 14-inch Mockup — Isometric
E-commerce Store on iPhone Air Mockup — Left Angle
E-commerce Store on MacBook Air 13-inch Mockup — Left Angle
E-commerce Store on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Isometric
AI Image Generator on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Isometric, Dark Mode
AI Meeting Notes on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Floating 3D, Dark Mode