Mockup Window

A desktop application window chrome — three traffic-light buttons rendered via CSS. Wraps a <div class="mockup-window">.

With border

Add a border class via classes for a visible window outline.

With background color

Use any Tailwind bg utility on the wrapper to style the window titlebar chrome.

With real content

Place any component inside the default slot — great for desktop app mockups.

Colored window

Semantic color utilities give the window a themed titlebar.