Draggable and Resizable Grid Layout For React

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:

react-grid-layout

Download Details:

Author: STRML

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/STRML/react-grid-layout

License: MIT

You Might Be Interested In:

Add Comment