nuxt-freeformDesktop-like Drag & Drop

Lasso selection, reorder, drop into containers - all with sensible defaults.

🎯

Lasso Selection

Select multiple items with a selection rectangle, just like on your desktop.

🖐️

Reorder items or drop into containers/folders with smooth animations.

✨

Ctrl/Cmd+Click to toggle selection, drag multiple items at once.

🔋

Works out of the box with sensible defaults - batteries included.

🎨

Override any visual via slots. CSS variables for easy theming.

🚀

Proper hydration support for Nuxt. TypeScript with full type support.

There's no Nuxt module for drag & drop on nuxt.com/modules - until now.

Most drag & drop libraries focus on list sorting. nuxt-freeform brings desktop-like interactions to Vue:

Lasso Selection - Draw a rectangle to select multiple items
Drop into Folders - Items with type: 'container' become drop targets
Everything is a Slot - Full control over ghost, placeholder, items, and selection box