golden-layout/golden-layout

---

golden-layout/golden-layout.json

{
  "createdAt": "2014-10-05T07:29:06Z",
  "defaultBranch": "master",
  "description": "A multi window layout manager for webapps",
  "fullName": "golden-layout/golden-layout",
  "homepage": "https://golden-layout.github.io/golden-layout",
  "language": "JavaScript",
  "name": "golden-layout",
  "pushedAt": "2024-08-15T14:22:59Z",
  "stargazersCount": 6572,
  "topics": [
    "drag-and-drop",
    "golden-layout",
    "javascript",
    "layout",
    "typescript",
    "ui-components"
  ],
  "updatedAt": "2025-11-25T20:48:45Z",
  "url": "https://github.com/golden-layout/golden-layout"
}

Golden Layout

Golden Layout is a Javascript layout manager which enables you to layout components in a web page and re-arrange them with drag and drop. Its features include:

• Native popup windows
• Touch support
• Support for application frameworks such as Angular and Vue
• Virtual components
• Comprehensive API
• Load and save layouts
• Focus components
• Completely themeable
• Works in modern browsers (Firefox, Chrome)
• Responsive design

Development

Except for simple bug-fixes, commits should go into the dev branch, which will become version 3.0. The dev branch is quite unstable (and not backwards compatible), but should hopefully stabilize soon.

Installation

The library can be installed into an application package with the npm command:
npm i golden-layout

More information

For more information, please refer to the Golden Layout website