react-grid-layout/react-draggable

Health v2 · maintenance only

Adoption not part of the score

9290 stars · 1050 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

A React component library that makes elements draggable via a simple <Draggable> wrapper, using CSS Transforms for positioning. It supports controlled and uncontrolled usage, includes TypeScript types, and works with React 16.3+.

Use cases

• make elements draggable in react
• drag and drop ui components
• build draggable widgets or panels
• create movable cards in a dashboard
• implement drag interactions without a wrapper dom element

When to choose

• you need simple, focused drag functionality for React elements
• you want a lightweight library with TypeScript support
• you need controlled or uncontrolled drag state
• you want to avoid wrapper DOM nodes around your elements

When to avoid

• you need full drag-and-drop with sortable lists or grid reordering
• you are not using React
• you need touch or multi-pointer gesture support beyond basic dragging
• your element already relies on CSS Transforms that must be preserved

Facets

library · maturity stable

ui-components animation frontend web-development browser react draggable drag-and-drop react-component typescript nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="react-grid-layout/react-draggable")