Skip to content

The ultimate react workspace and panel management system for ambitious web apps

License

Notifications You must be signed in to change notification settings

projectstorm/react-workspaces

Folders and files

NameName
Last commit message
Last commit date
Nov 27, 2024
Sep 26, 2024
Nov 27, 2024
Nov 27, 2024
Nov 25, 2022
Nov 27, 2024
Dec 1, 2022
Sep 28, 2022
Nov 29, 2022
Sep 26, 2024
Sep 28, 2022
Sep 26, 2024
Dec 6, 2017
Dec 1, 2022
Nov 27, 2024
Nov 27, 2024
Nov 26, 2022
Nov 30, 2022
Nov 23, 2022
Nov 28, 2022

Repository files navigation

STORM React Workspaces

Join the chat at https://gitter.im/projectstorm/react-workspaces NPM NPM Build

DEMO: http://projectstorm.cloud/react-workspaces

A React library which provides a complete workspace management system to power ambitious web apps.

Features

  • Pluggable model and behavior system, implemented as a monorepo with separate npm packages
  • Fully native drag and drop (even across multiple browser windows)
  • Resizable everything, including split panels and floating windows
  • Drop-zones which transform panels into other models (such as trays and tabs)
  • Useful (and customizable) models out of the box (tab groups, tray groups, floating windows)
  • Performant rendering system, only re-render what is actively changing (on-top of what the React fibre engine already provides)
  • Tree based, event driven models (all changes to the model can be observed with listeners)
  • Layer based, with all interaction controls such as resize dividers and controls implemented as top-level layers
  • Complete debug system, to draw all hidden controls and show reported panel sizes
  • Written in TS with exported types in published packages

Demo1

Demo1

Usage

  • Take a look at the demos URL as well as the demo folder (docs will follow soon)
  • There is also an example project folder, which shows bare-bones (native JS) of the library