Vue 3 + Quasar 2

QWindow

Floating, movable, resizable windows for Vue and Quasar applications

Build workspace-style panels, inspectors, and floating tool windows without inventing your own dragging, resizing, and window chrome system from scratch.

DraggingResizingFloating PanelsHeadless ModeDashboards
Workspace PanelsComposable workspaces

Floating application windows that still feel like part of your product

QWindow helps you build desktop-like interfaces for admin tools, editors, dashboards, and inspectors while keeping the interaction model inside the Quasar component family.

Included

A focused floating-window component for tool panels, inspectors, and workspace layouts

QWindow keeps the surface compact: dragging, resizing, configurable chrome, and enough flexibility to support richer workspace patterns without a full desktop shell.

Draggable Panels

Move tools and inspectors around the workspace without building custom drag behavior from zero.

Resizable Windows

Let users shape their workspace and prioritize the information they need most.

Workspace Layouts

Use floating windows in dashboards, editors, power-user tools, and multi-panel application shells.

Configurable Chrome

Tune headers, handles, icons, and affordances so the window system matches the product tone.

Headless-Friendly

Use the behavior without always relying on a heavy visual frame when a more custom shell is needed.

Quasar-Native Fit

Keep movable panels consistent with the rest of your component library instead of treating them like an embedded mini-app.

Ecosystem

Built in the same docs workflow as the other md-plugins sites

This site runs on Q-Press and the shared md-plugins tooling, so QWindow's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.

Need Help?

Start with the intro, then move into the working examples

The docs are structured to get you from setup into real layout patterns quickly. If something feels off, GitHub Discussions and the repo issue tracker are still the best places to surface it.

Introduction First
Start with the introduction and install docs to decide when a floating window is the right UX instead of a drawer or dialog.
Examples for Layout Patterns
The main usage guide and examples are the fastest way to compare standard, headless, and heavily customized window setups.
Discussions + Issues
Questions, bugs, and feature requests are easiest to track in the QWindow repo and GitHub Discussions.