Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/mr-sunset/window/llms.txt

Use this file to discover all available pages before exploring further.

Window is a lightweight, self-contained UI component that brings a macOS-style floating window to any web page. Drop in three files — no build tools, no frameworks, no dependencies — and get a fully interactive window with drag-to-move and a working close button.

Introduction

Learn what Window is and how it works under the hood.

Quickstart

Embed a working window in your page in under five minutes.

Customization

Change colors, size, and content to fit your project.

JavaScript API

Explore every event listener and DOM interaction.

What’s included

1

An HTML skeleton

A window-container div with a title-bar (holding the three traffic-light buttons) and a window-content area ready for your own markup.
2

A CSS stylesheet

Rounded corners, drop shadow, centered absolute positioning, traffic-light button colors, and a full dark-mode theme via prefers-color-scheme.
3

A JavaScript behavior file

Drag logic tied to the title bar and a close handler that hides the window when the red button is clicked.
Window is intentionally minimal. It is a starting point — copy the files, adjust the styles, and replace the placeholder button with your own content.

Build docs developers (and LLMs) love