browser-window

A small themed zero-dependency Web Component for demos with a fake browser window (Safari-esque).

• Go to the Demo
• Read the blog post

“this is maybe my favoritest [web component] yet.”—Dave Rupert, President of Web Components

Installation

Via npm or download browser-window.js directly for use in your project.

npm install @zachleat/browser-window

Changelog

• v3.0.0 swaps to use light-dark and color-scheme for easier light/dark mode configuration! This has browser support implications!
• v2.0.0 URL bar now shows the full url by default (including pathname, searchParams, et al). Use url-mode="hostname-only" to swap back to previous behavior.