N
neokit

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.

Window with border
Hello world!

With background color

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

Window with bg-base-300 chrome
Hello world!

With real content

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

Window showing a card

App Window

This content lives inside a desktop window mockup.

Colored window

Semantic color utilities give the window a themed titlebar.

Primary titlebar
Content area