Skip to content

The best React-Grid-Layout alternatives

8 tools that do a similar job to React-Grid-Layout, 8 of them open source. Each entry says what it does and who it suits, so you can pick the one that fits instead of the most famous.

You're replacing

React-Grid-Layout

A React component library for draggable, resizable grid layouts with responsive breakpoints.

  1. 1

    Muuri

    Open source · MIT · ★ 10.9k

    A JavaScript library for building responsive grid layouts that can be sorted, filtered, and dragged.

    Best for: Front-end developers building card or photo grids that need drag and drop or filtering; Developers who want custom layouts beyond what CSS alone can do

  2. 2

    dnd-kit

    Open source · MIT · ★ 17.8k

    A toolkit for building drag and drop interfaces on the web, with adapters for several frameworks.

    Best for: Developers building sortable lists or grids in a React, Vue, Svelte, or Solid app; Teams that want keyboard and screen reader support built into drag and drop

  3. 3

    Puck

    Open source · MIT · ★ 13.6k

    A visual drag-and-drop page editor you embed in your own React app.

    Best for: React developers adding a page builder to an existing app; Teams that want content editors to arrange pre-approved components visually

  4. 4

    react-dropzone

    Open source · MIT · ★ 11k

    A React hook for building drag-and-drop file upload zones in web pages.

    Best for: React developers adding file upload to a web app; Projects that need a drop area with a click-to-select fallback

  5. 5

    TanStack Table

    Open source · MIT · ★ 28.5k

    Headless library for building customizable data tables in TypeScript and JavaScript.

    Best for: Developers building custom data tables in React, Vue, Solid, Svelte or another supported framework; Teams that already have a design system and want a table that matches it

  6. 6

    react-virtualized

    Open source · MIT · ★ 27.1k

    React components for efficiently rendering large lists and tabular data.

    Best for: React developers who need to display long lists of items; Teams building data tables or grids with many rows

  7. 7

    React DnD

    Open source · MIT · ★ 21.6k

    A React library for adding drag-and-drop behavior to components.

    Best for: React developers building interfaces with draggable items such as lists, boards or sortable elements; Teams already using React who want a shared drag-and-drop model

  8. 8

    core-js

    Open source · MIT · ★ 25.5k

    A JavaScript library that adds missing modern language features to older browsers and engines.

    Best for: Web developers who must support older browsers or engines that lack modern JavaScript features; Teams using Babel or swc who want standard library polyfills handled through their build setup

How we pick: tools in the same category that solve the same problem, projects that name each other as alternatives, and open-source projects that describe themselves as an alternative to React-Grid-Layout. We don't take payment for placement.