react-grid-layout is a draggable and resizable grid layout library for React projects.
There are many use cases of this library and one of them is trello board. We can implement trello-like system very easily.
Features:
- 100% React – no jQuery
- 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
