Description:
React-Grid-Layout is a draggable and resizable grid layout system with responsive breakpoints.
Key Features:
- Compatible with server-rendered apps
- Draggable widgets
- Resizable widgets
- Static widgets
- Configurable packing: horizontal, vertical, or off
- Bounds checking for dragging and resizing
- Widgets may be added or removed without rebuilding grid
- Layout can be serialized and restored
- Responsive breakpoints
- Separate layouts per responsive breakpoint
- Grid Items placed using CSS Transforms
- Performance: on / off, note paint (green) as % of time
Install & Download:
# Yarn $ yarn add react-grid-layout # NPM $ npm install react-grid-layout --save
See it in action:
