请操作点击右侧的Demo，体验丝滑交互

拖拽 · 缩放 · 旋转
从未如此简单。

react-drag-resize-rotate 是一个功能强大、轻量灵活的 React 组件，提供拖拽、缩放、旋转、嵌套编辑等能力，适用于各类 Web 可视化编辑场景。

▼React 18 / 19✧极轻量↪可嵌套↯高性能

快速开始 →示例代码 ↘GitHub ↗

nesting

丝滑的拖拽 · 缩放 · 旋转的 React 组件。

🎯01

拖拽 / 缩放 / 旋转

支持自由移动、8 方向触点缩放和 360° 旋转，快速获得画布元素编辑能力。

🧱02

嵌套编辑 / Children 承载

支持父子元素多层嵌套，可通过 children 放入任意内容，也支持数据配置渲染节点。

🔁03

锁比例 / 翻转 / 尺寸限制

支持固定比例缩放、拖拽触点自由翻转，并限制元素最小 / 最大宽高。

🎨04

样式定制 / 轻量接入

仅依赖 React，支持单组件引入，主题样式由 CSS 变量驱动。