https://github.com/golden-layout/golden-layout

A multi window layout manager for webapps
https://github.com/golden-layout/golden-layout

drag-and-drop golden-layout javascript layout typescript ui-components

Last synced: 3 days ago
JSON representation

A multi window layout manager for webapps

• Host: GitHub
• URL: https://github.com/golden-layout/golden-layout
• Owner: golden-layout
• License: mit
• Created: 2014-10-05T07:29:06.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2024-08-15T14:22:59.000Z (4 months ago)
• Last Synced: 2024-12-02T14:02:35.377Z (10 days ago)
• Topics: drag-and-drop, golden-layout, javascript, layout, typescript, ui-components
• Language: JavaScript
• Homepage: https://golden-layout.github.io/golden-layout
• Size: 7.57 MB
• Stars: 6,305
• Watchers: 112
• Forks: 534
• Open Issues: 99
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-game-engine-dev - Golden Layout - Multi-window layout manager for web apps. (Libraries / JavaScript)
• awesome-github-repos - golden-layout/golden-layout - A multi window layout manager for webapps (JavaScript)
• awesome-list - golden-layout - layout | 5324 | (JavaScript)
• awesome-react-cn - golden-layout
• awesome-starred - golden-layout/golden-layout - A multi window layout manager for webapps (typescript)

README

        
# Golden Layout

[![NPM version](https://img.shields.io/npm/v/golden-layout)](https://www.npmjs.com/package/golden-layout) [![License](https://img.shields.io/github/license/golden-layout/golden-layout)](https://img.shields.io/github/license/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](https://golden-layout.github.io/golden-layout)