Device Shots

Safari (tabs) browser window mockup

Safari with the separate tab bar: the classic toolbar on top and a row of tabs underneath, the active one lifted to white. Reads instantly as a real Mac browsing session and gives the header a little more presence than the compact bar.

At a glance

Chrome height
88 px
Window controls
macOS traffic lights
Tab strip
Yes
Address bar
Centred
Content area
Edge to edge
Themes
Light, dark
Rendering
Vector

Anatomy

  • 52 px toolbar with centred address
  • 36 px tab row, three tabs
  • Active tab lifted to the content colour
  • New-tab glyph at the end of the row

Best for

  • Web-app dashboards
  • Docs and knowledge bases
  • Mac-first products

Light and dark

Both themes use the same geometry; only the palette changes, so you can switch after placing your screenshot.

Templates using a Safari (tabs) window

15 templates already place this window. Open one and drop in your screenshot.

Other styles