<browser-window> Web Component
A lightweight themed zero-dependency web component wrapper to emulate a Safari-esque browser window for demos and presentations.
Originally used in the slide deck for This Web Site is a Tech Talk.
Here’s a live demo of it in action.
This one has a shadow.
<browser-window> <p>Here’s a <em>live demo</em> of it in action.</p> </browser-window> <browser-window shadow> <p>This one has a shadow.</p> </browser-window>
This one has a URL bar (with favicon) and an iframe:
Or maybe another demo of a screenshot of the demo page: