React-Grid-Layout by react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React.
About React-Grid-Layout
From the project's README at github.com/react-grid-layout/react-grid-layout. Lightly cleaned for readability; for the full source see the upstream repo.
React-Grid-Layout is a grid layout system much like Packery or Gridster, for React.
Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.
[Demo | Changelog | CodeSandbox Editable demo] Table of Contents What's New in v2 Migrating from v1 Demos Features Installation Quick Start Responsive Usage Providing Grid Width Hooks API API Reference Extending: Custom Compactors & Position Strategies Extras Performance Contribute What's New in v2
Version 2 is a complete TypeScript rewrite with a modernized API: *
Health score breakdown
6-dimension composite. See methodology for formula and weights.
Adoption signals
Real-world usage data, pulled from each registry. The bigger the numbers, the more battle-tested the project.
| Signal | Value | Source |
|---|---|---|
| GitHub stars | 22k | github.com/react-grid-layout/react-grid-layout |
| GitHub forks | 2.7k | github.com/react-grid-layout/react-grid-layout |
| NPM downloads (last month) | 11M | react-grid-layout |
Release & maintenance
Is this project actively maintained, or about to die? Check the recency of last commit and last release.
| Project age | 11.5 years | since Dec 2014 |
| Last commit | 2 months ago | Apr 15, 2026 |
| Releases shipped | 67 | last: 3 months ago |
Self-hosting cost across providers
Detected requirements: 4GB RAM, 40GB disk minimum. Cheapest plan per provider that meets the requirement.
| Provider | Plan | Specs | Monthly | |
|---|---|---|---|---|
| hetzner | CAX11 | 2c · 4GB · 40GB | $4.13 USD | Deploy → |
| vultr | VC2 | 1c · 1GB · 25GB | $5 USD | Deploy → |
| linode | Nanode 1GB | 1c · 1GB · 25GB | $5.12 USD | Deploy → |
| digitalocean | Basic Regular 1GB | 1c · 1GB · 25GB | $6 USD | Deploy → |
Ready to self-host React-Grid-Layout?
Spin up a hetzner CAX11 (4GB RAM, 40GB disk) for $4.13/mo and follow the project's official install docs.
Data last refreshed Jun 21, 2026.
Similar open-source projects
Projects in our directory that replace the same SaaS or share topics with React-Grid-Layout.