Your one stop solution for anything draggable with JavaScript. Adapters for React, Svelte, Vue, SolidJS and JavaScript. Fully TypeScript compliant.

Jaimish Trivedi

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It features a small bundle size (3.46KB), server-side rendering compatibility, TypeScript support, and consistent behavior across all supported frameworks through shared core logic.

Neodrag: One draggable to rule them all

Then it’s gonna be the next big thing on Youtube coding channels!

This looks great. I looked through the docs, it would be super useful if there was an event for detecting whether the element is currently overlapping another element, wonder if it’s something that could be added fairly easily.

I think this is exactly what I need! Thanks!

I started using this in a project to implement draggable windows and it works very smoothly. I love how you can direct it to have customizable boundaries for draggable objects and to define drag handles.