---
title: "react-rnd"
description: "React component that makes any element both draggable and resizable, with grids, bounds, aspect-ratio locking and controlled state."
canonical: "https://vibing.inc/library/react-rnd-vg-1894"
category: "UI Components & Libraries"
subcategory: "Interaction primitives"
license: "MIT"
author: "bokuweb"
source: "https://github.com/bokuweb/react-rnd"
---

# react-rnd
React component that makes any element both draggable and resizable, with grids, bounds, aspect-ratio locking and controlled state.
## Facts
- Source: https://github.com/bokuweb/react-rnd
- Category: UI Components & Libraries / Interaction primitives
- Author: bokuweb
- Licence: MIT
- Tags: react, drag, resize, typescript, windowing
## Why it's a gem
The quiet dependency behind most React canvas and window-manager UIs, still shipping releases.
---
Listed in The Vibeary: https://vibing.inc/library/react-rnd-vg-1894 · JSON: https://vibing.inc/api/public/library/gems/react-rnd-vg-1894