Skip to Content
📣 See the latest news →
Resources🧩 ComponentsWindow

Window

A Mantine floating window with drag-drop positioning, 8-point resizing, collapsible content, localStorage persistence, and customizable boundaries.

Full documentation and API reference available at gfazioli.github.io/mantine-window 

Installation

yarn add @gfazioli/mantine-window

Overview

Window provides a fully featured floating panel that behaves like a desktop window:

  • Drag & drop positioning anywhere on screen
  • 8-point resizing from edges and corners
  • Collapsible content area
  • localStorage persistence for position and size
  • Customizable boundaries to constrain movement
  • Title bar with close, minimize, and custom actions

Demos

Finder (Window + Split Pane + List View Table)

A macOS Finder-style file browser built by combining three components: Window for the draggable/resizable container, Split Pane for the sidebar/content layout, and List View Table for the sortable, resizable file listing.

Try dragging the title bar, resizing the window edges, resizing the sidebar divider, sorting columns by clicking headers, and switching folders in the sidebar.

Desktop

Todo.doc

Today, 14:0712 KBDocument

App.tsx

Today, 07:208.5 KBTypeScript

Notes

Yesterday--Folder

screenshot.png

Mar 153.1 MBPNG Image

4 items

Last updated on