Mockup Browser

A browser window chrome for showcasing web UI in context. Wraps a <div class="mockup-browser"> with a <div class="mockup-browser-toolbar"> address bar.

With border

Add a border class via classes to show a visible chrome outline.

With background color

Use Tailwind bg utilities on the wrapper or on the content area to style the chrome.

With real content

Any HTML can go in the default slot — great for showcasing components in a browser context.

Without URL

Omit the url prop to render an empty address bar area. Use the toolbar named slot for custom toolbar content.