--- title: Neodrag: One draggable to rule them all | daily.dev description: Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It... canonical: https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Neodrag: One draggable to rule them all | daily.dev og:description: Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It... og:url: https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc og:image: https://api.daily.dev/og/posts/ub4hasyqC.png og:image:alt: Neodrag: One draggable to rule them all og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Neodrag: One draggable to rule them all **[Community Picks](https://daily.dev/sources/community)** · [@puruvj](https://daily.dev/puruvj) · 1 min read · 466 upvotes · 27 comments ## Summary 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. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@shahwaix** · 3 upvotes > Then it's gonna be the next big thing on Youtube coding channels! **@h2onock** · 2 upvotes > 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_. **@alkein** · 1 upvotes > I think this is exactly what I need! Thanks! **@zshall** · 1 upvotes > 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. **@djascorp** · 1 upvotes > Awesome 🔥🔥 ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#vuejs](https://daily.dev/tags/vuejs), [#svelte](https://daily.dev/tags/svelte) [View this post on daily.dev](https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Neodrag: One draggable to rule them all","url":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc"},"datePublished":"2025-06-27T08:59:34.753Z","dateModified":"2025-06-28T05:00:09.024Z","description":"Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6e82fe165bf58cf617c5cc02a70a8cb6?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6e82fe165bf58cf617c5cc02a70a8cb6?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Puru Vijay","url":"https://daily.dev/puruvj","image":"https://avatars.githubusercontent.com/u/47742487?v=4","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":510}},"commentCount":27,"discussionUrl":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":466},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":27}],"keywords":"javascript,react,vuejs,svelte","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"Neodrag: One draggable to rule them all"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","comment":[{"@type":"Comment","text":"Then it’s gonna be the next big thing on Youtube coding channels!","datePublished":"2025-07-01T13:02:23.733Z","url":"https://daily.dev/posts/ub4hasyqC#c-HXowMXNXi","author":{"@type":"Person","name":"shahwaix kareem","url":"https://daily.dev/shahwaix","image":"https://lh3.googleusercontent.com/a/AAcHTteNDKB9L9szrfsX28NcmhkE6NFjKm4MATxbmOZhON81=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"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.","datePublished":"2025-07-02T09:13:03.614Z","dateModified":"2025-07-02T09:13:53.396Z","url":"https://daily.dev/posts/ub4hasyqC#c-AXQvP1v2t","author":{"@type":"Person","name":"James","url":"https://daily.dev/h2onock","image":"https://avatars.githubusercontent.com/u/9485980?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"I think this is exactly what I need! Thanks!","datePublished":"2025-07-11T08:55:33.952Z","url":"https://daily.dev/posts/ub4hasyqC#c-1vEYfMNTs","author":{"@type":"Person","name":"alkein","url":"https://daily.dev/alkein","image":"https://lh3.googleusercontent.com/a/ACg8ocKsl4h1JAD8fMDnWfYuFavCL78_AlfnAFowcgQym8i0uSFY=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"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.","datePublished":"2025-07-07T13:07:47.293Z","url":"https://daily.dev/posts/ub4hasyqC#c-9SbzgBelV","author":{"@type":"Person","name":"Zach Hall","url":"https://daily.dev/zshall","image":"https://media.daily.dev/image/upload/s--CtDLyB4P--/f_auto/v1768590830/avatars/avatar_ygBucXJAtF8KUCrr6Y2eQ?_a=BAMAMiiu0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Awesome 🔥🔥","datePublished":"2025-07-03T03:35:50.861Z","url":"https://daily.dev/posts/ub4hasyqC#c-8cNkGPQK2","author":{"@type":"Person","name":"Djasnive Rajaona","url":"https://daily.dev/djascorp","image":"https://lh3.googleusercontent.com/a/ACg8ocL30LF4pDdkQYz75pX-mDFjBwNHfb70Ac_AhUf42k4zQgsRUyXy=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```