A ready-to-use analytics dashboard 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 screen is a complete admin dashboard: a sidebar with navigation and an upgrade card, four KPI cards with sparklines, a twelve-month revenue chart compared with last year, a traffic-sources donut and a recent-orders table with status badges. On the phone the dashboard becomes an “Overview” screen with a period switcher, a revenue card with an area chart, two small KPI tiles and a recent-activity list above the tab bar.
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 indigo accent color and soft cards with gentle shadows. The scene is placed on a soft mesh gradient with a soft shadow.
Details
| Screen | Analytics Dashboard (desktop + mobile) |
|---|---|
| Device | MacBook Pro 14-inch and iPhone 17 Pro |
| Color | Space Black / Silver |
| Angle | Left Angle |
| Theme | Light |
| Accent | indigo |
| Background | soft mesh 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
- SaaS and analytics landing pages
- Investor and pitch decks
- Admin template previews
- Blog posts about metrics
Questions
Can I download this analytics dashboard 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 analytics dashboard and never leaves your browser.
Can I change the colors of this analytics dashboard?
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
Analytics Dashboard on MacBook Pro 14-inch Mockup — Left Angle
Analytics Dashboard on Browser Window Mockup
Analytics Dashboard on MacBook Pro 14-inch Mockup — Floating 3D, Dark Mode
Analytics Dashboard UI Screenshot (Desktop) — Isometric
Analytics Dashboard UI Screenshot (Desktop)
Analytics Dashboard UI Screenshot (Desktop) — Left Angle
Analytics Dashboard UI Screenshot (Desktop) — Right Angle, Dark Mode
Analytics Dashboard on iPhone 17 Pro Mockup