Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Dockable Floating WindowsNew to Visual Studio Code? Get it now.
Dockable Floating Windows

Dockable Floating Windows

MD Hasanur Jaman

| (0) | Free
Ultra-lightweight floating windows, header buttons, and dockable columns for VS Code with zero bloat.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dockable Floating Windows & Columns for VS Code

An ultra-lightweight VS Code extension providing detached, fully-connected floating windows and arbitrary columns ("any means any") with near-zero memory footprint and 0% idle CPU/GPU.


Features

1. Fully-Connected Floating Windows

  • Not connection-less: All floating windows remain 100% connected to your active workspace, language servers, IntelliSense, Git status, diagnostics, and debugging sessions.
  • Shared Memory & CPU: Does not launch a second instance of VS Code. Shares the existing process and uses only a few megabytes for the native window frame.
  • True Detached Windows: Windows float independently on your desktop, can be dragged across monitors, snapped with Windows Aero Snap, or resized freely.

2. "Any Means Any" Columns

  • Quickly split into 1, 2, 3, 4, 5, or up to 12 columns, or custom 2×2 grid layouts with equal proportions.
  • Works inside the main window as well as inside detached floating windows.

How to Use

A. Via Keyboard Shortcuts

Action Windows / Linux macOS
Float Active Tab Alt + W Cmd + Option + W
Float Entire Column / Group Alt + Shift + W Cmd + Option + Shift + W
Dock Back to Main Window Alt + D Cmd + Option + D
Dock ALL Floating Windows Back Alt + Shift + D Cmd + Option + Shift + D

B. Via Mouse (Drag & Drop or Button)

  1. Mouse Drag: Click and hold the top bar / tab title of any file or terminal and drag it outside the VS Code window boundaries onto your desktop. Release to float!
  2. Top-Bar Click Button: Click the Float Window icon $(empty-window) right on the top-right of your editor header to pop it out. When in a floating window, click the Dock icon $(fold-down) to return it.

C. Setting Columns

  • Press Ctrl+Shift+P (or Cmd+Shift+P), type Columns: Set Any Number of Columns, and select or enter any number of columns.

Installation & Development

npm install
npm run package

To run and test locally, press F5 in VS Code to launch the Extension Development Host.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft