Resize and Drag Elements In Vue.js – vue-drag-resize

A lightweight Vue Component for draggable and resizable elements.


  • All props are reactive
  • Support touch events
  • Use draggable, resizable or both
  • Define sticks for resizing
  • Save aspect ratio for resizable components
  • Restrict size and movement to parent element
  • Restrict drag to vertical or horizontal axis


Resize and Drag Elements In Vue.js - vue-drag-resize


v2.0.3 (05/07/2021)

  • Bugfixes

v2.0.0 (04/07/2021)

  • Vue 3 support
  • Completely redesigned code
  • Improved performance

v1.4.2 (07/31/2020)

  • bugfix

v1.4.0 (07/09/2020)

  • added: parent’s transform:scale() support
  • added: Intelligent grid snapping feature
  • added: stickSize a component prop
  • added: ‘contentClass’ property to vue-drag-resize
  • fix: set isDraggable to false, can’t active the element
  • fix: dragstop and resizestop not fired
  • fix: stop propagation and prevent event only if currently active and resizing/dragging

Download Details:

Author: kirillmurashov

Live Demo:

Download Link:

Official Website:

Install & Download:

$ npm install vue-drag-resize --save

Add Comment