Vue DNDNR
A Draggable&Resizable&Droppable library
Powerful, flexible, and type-safe hooks and components for Vue 3.

Vue DNDNR Demo

Click on a shape to select it

🖱️

Draggable

Easily add drag functionality to any element with customizable constraints and events.

↔️

Resize elements from any edge or corner with configurable minimum and maximum dimensions.

🧩

Use components directly or leverage TypeScript hooks for custom implementations.

📱

Works on both desktop and mobile devices with touch support.

🔧

Extensive styling options and configuration to match your design system.

📦

Minimal dependencies and tree-shakable for optimal bundle size.