Skip to content
Stokefy
1 of 9
All 30 browser frames in the light theme, a family a row: desktop, minimal, styles, devices and scenes
All 30 browser frames in the dark theme
Desktop browser frames in the light theme: Tabs, Compact, Bookmarks, Sidebar, Split, Assistant
Minimal browser frames in the dark theme: Address, Dots, Title, Floating, Controls, Line
Styles browser frames in the light theme: Glass, Brutalist, Retro, Wireframe, Gradient, Sketch
Devices browser frames in the dark theme: Phone, Phone, address on top, Tablet, Tablet, portrait, Popup, Web app
Scenes browser frames in the light theme: Cascade, Responsive, Devices, Before and after, Fan, Phones
The framing page in the zip: a screenshot dropped on it goes into any frame, in light or dark, and is saved as a PNG

Browser Frames: 30 Window Mockups, SVG, PNG and Figma

30 browser windows to set a screenshot in, in five families of six: whole browsers with their tabs, bookmarks, sidebar, split view or assistant; quiet bars; six styles (glass, brutalist, retro, wireframe, gradient and sketch); a phone, a tablet, a popup and an installed web app; and scenes that set several windows together, from a cascade to before and after. Each comes in a light theme and a dark one, as SVG whose every part is a named layer and whose screen is a rectangle you fill with your screenshot in Figma, and as PNG at 1x and 2x with the screen cut out and the shadow drawn. Every address and tab title is live text in Geist. A page in the zip frames a screenshot in your browser and saves the PNG, offline, with no design app at all.

MockupsMade for Figma

$9

One payment. The files are yours to download right away.

  • Instant downloadIn your account the moment the payment goes through, with the receipt by email.
  • Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.

Includes
30 browser frames, light and dark
Formats
SVG (every part a named layer, the screen a rectangle to fill), PNG at 1x and 2x with the screen cut out, Figma boards, a page that frames a screenshot
Sizes
Screens of 1440 × 900, 716 × 900, 390 × 682, 390 × 708, 1180 × 742, 820 × 1102 and 480 × 640
Download
188 files in one zip, 6.3 MB
Works with
Figma, Illustrator, Affinity, Keynote, PowerPoint, Google Slides and any browser
Category
Mockups
Released
23 Oct 2026
License
Personal and commercial use

Where to use it

Launch day

Your screens in a browser on the landing page, the launch post and the changelog, light or dark to match the site.

Docs and case studies

Screenshots that read as pages: guides, release notes, portfolios and case studies.

Decks and slides

Keynote, PowerPoint and Google Slides take the PNGs as they are: lay the screenshot under the frame.

Your own version

Open the SVG in Figma: fill Screen with your screenshot, type your address, change any colour.

No design app

frame-it.html sets a screenshot in any frame in your browser and saves the PNG, offline.

Type something to search.