browser-window

Open source JavaScript

Website GitHub

278

Stars

Forks

Issues

Watchers

7 months

Last Commit

Web Components & Widgets

About browser-window

# `browser-window` A small themed zero-dependency Web Component for demos with a fake browser window (Safari-esque). * [**Go to the Demo**](https://zachleat.github.io/browser-window/demo.html) * [Read the blog post](https://www.zachleat.com/web/browser-window/) > “this is maybe my favoritest [web component] yet.”—[Dave Rupert, President of Web Components](https://mastodon.social/@davatron5000/111301972550207963) ## Installation Via [`npm`](https://www.npmjs.com/package/@zachleat/browser-window) or download [`browser-window.js`](./browser-window.js) directly for use in your project. ```sh npm install @zachleat/browser-window ``` ## Changelog - `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.

Platforms

Web Self-hosted

Languages

JavaScript

Links

Website Source Code

Published by

zachleat

Visit View Profile

README.md

View on GitHub

`browser-window`

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

“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

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.