Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more โ
Top 23 Draggable Open-Source Projects
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
-
moveable
Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
flowy-vue
Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24dndkit seemed very promising, until I realized the state of development [0], and critical performance issues if you want to use it for larger lists (individual issues linked within [0]). So it's fine if you need to use it for simple scenarios and a smaller number of items, but otherwise, it's inadequate in current state, unfortunately...The fact that the post was in Aug 2023, perf. issues still remain and there's low activity on issues in general, doesn't bode well...
[0] - https://github.com/clauderic/dnd-kit/issues/1194
Project mention: Ask HN: How to build infinite grid in the browser? | news.ycombinator.com | 2023-11-17Moveable looks like a super full-featured library for this kind of thing https://daybrush.com/moveable/
Project mention: Introducing DFlex - A Modern Javascript Drag and Drop Library | dev.to | 2023-11-10I'd love for you to check out the DFlex website to see examples and live demos. Let me know if you end up building something cool with DFlex! I'm always looking for feedback to help improve the library.
Project mention: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
Draggable related posts
- Introducing DFlex - A Modern Javascript Drag and Drop Library
- Show HN: An open source visual editor for React
- Shopify's Draggable Landing Page Is Beautiful
- Show HN: Removing esbuild reduces bundle size by 30%
- ๐ฒ Dice Merge - ReactJS
- Technology behind figma/godaddy/google site
- React Beginner with question!
-
A note from our sponsor - InfluxDB
www.influxdata.com | 25 Apr 2024
Index
What are some of the best open-source Draggable projects? This list will help you:
Project | Stars | |
---|---|---|
1 | sortablejs | 28,684 |
2 | draggable | 17,494 |
3 | dnd-kit | 11,281 |
4 | muuri | 10,677 |
5 | moveable | 9,525 |
6 | react-resizable-and-movable | 3,712 |
7 | vue-draggable-resizable | 3,098 |
8 | vue-drag-resize | 2,163 |
9 | react-sortablejs | 1,931 |
10 | dflex | 1,727 |
11 | react-smooth-dnd | 1,704 |
12 | vue-smooth-dnd | 1,691 |
13 | neodrag | 1,464 |
14 | svelte-grid | 940 |
15 | react-range | 812 |
16 | react-ui-tree | 755 |
17 | react-complex-tree | 754 |
18 | smooth-dnd | 588 |
19 | vue3-dnd | 506 |
20 | vue-draggable-next | 481 |
21 | flowy-vue | 418 |
22 | angular-grid-layout | 418 |
23 | photoviewer | 342 |
Sponsored