Try the demo on the right and feel the smooth interaction
Drag · Resize · Rotate
has never been easier.
react-drag-resize-rotate is a powerful, lightweight React component for dragging, resizing, rotating, and nested editing across visual web editor scenarios.
A silky drag · resize · rotate React component.
01
Drag / Resize / Rotate
Move freely, resize from 8 directional handles, and rotate 360 degrees for editor-ready canvas interactions.
02
Nested Editing / Children
Support multi-level parent-child editing, arbitrary React children, and data-driven node rendering.
03
Aspect Lock / Flip / Size Limits
Lock aspect ratio, flip by dragging handles across edges, and constrain minimum or maximum dimensions.
04
Theming / Lightweight Setup
Only React is required. Use direct component imports, with visuals driven by CSS variables.