https://github.com/zachleat/browser-window

Used in demos as a way to fake a Safari-esque web browser window.
https://github.com/zachleat/browser-window

web-components

Last synced: about 2 months ago
JSON representation

Used in demos as a way to fake a Safari-esque web browser window.

• Host: GitHub
• URL: https://github.com/zachleat/browser-window
• Owner: zachleat
• Created: 2023-10-25T20:42:17.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2023-11-30T22:21:04.000Z (10 months ago)
• Last Synced: 2024-04-14T14:43:57.217Z (5 months ago)
• Topics: web-components
• Language: JavaScript
• Homepage: https://zachleat.github.io/browser-window/demo.html
• Size: 191 KB
• Stars: 243
• Watchers: 3
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# `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

```