Download
gridstack.js is a modern Typescript library designed to help developers create beautiful draggable, resizable, responsive layouts with just a few lines of code. You can create more advanced grids: allow users to persist changes, create a sidebar of widgets to drag into your grid, nested grids, and much more. Mobile-friendly modern Typescript library for dashboard layout and creation. Making a drag-and-drop, the multi-column responsive dashboard has never been easier. Has multiple bindings and works great with React, Vue, Angular, Knockout.js, Ember and others (see frameworks section). IE support was dropped in v2, but restored in v4.4 by an external contributor (I have no interest in testing+supporting obsolete browsers so this likely will break again in the future). You can use the es5 files and polyfill (larger) for older browsers instead. GridStack no longer requires external dependencies as of v1.0.0.
Features
- Pure TS can be used in any UI framework
- Mobile support
- Draggable, resizable items
- Drag'n'drop from sidebar to insert/delete
- Responsive layouts, column based
- Drag between multiple grids
- Nested grids, including creation on the fly to any depth
Project Samples
