Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev. Learn more →
Beautiful and accessible drag and drop for lists with ReactProject mention: Free tools for frontend | dev.to | 2023-10-01
Drag-and-drop library for React with beautiful animations. Website - GitHub
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05
Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).
I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
:ok_hand: Drag and drop so simple it hurtsProject mention: Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese | /r/LearnJapanese | 2022-12-16
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
Vue drag-and-drop component based on Sortable.jsProject mention: How to use Nodemailer with Cypress 10? | /r/Cypress | 2022-12-07
A draggable and resizable grid layout with responsive breakpoints, for React.Project mention: Casca.Space: a Chrome extension for your focus and productivity | /r/startpages | 2023-06-06
This is react-grid-layout with some custom logic https://github.com/react-grid-layout/react-grid-layout
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
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...
Free Global Payroll designed for tech teams. Building a great tech team takes more than a paycheck. Zero payroll costs, get AI-driven insights to retain best talent, and delight them with amazing local benefits. 100% free and compliant.
Have a look at https://pqina.nl/filepond/
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
Infinite responsive, sortable, filterable and draggable layoutsProject mention: Does anyone know of any new, maintained Drag-n-Drop solutions for vue3? | /r/vuejs | 2022-10-21
We’ve gone through a lot of different choices, all with different pros n cons. And we landed to use https://github.com/haltu/muuri Which is veeery well written, though has it’s own source of truth coming from the DOM, which makes it a bit trickier to pair up with vue in certain reactivity cases. It’s mainly for creating a draggable dashboard layout.
Simple HTML5 drag-drop zone with React.js.Project mention: Uploading Images in React | dev.to | 2023-09-30
In addition to being able to access the file browser to select an image to upload, I also wanted to be able to drag'n'drop that image as well. While researching a few options, I came across react-dropzone, a "Simple React hook to create a HTML5-compliant drag'n'drop zone for files." Installation was easy, and the docs were well-written with many examples of different applications.
React draggable componentProject mention: nize.pics – create beautiful images of code and screenshots | /r/webdev | 2022-11-12
Thanks! It's built with React (Next.js) and Mantine for the UI components. I'm not sure what you mean with edit systems, but the layers are using react-draggable. The syntax highlighting is powered by shiki and a bunch of exported VS Code themes. The state is handled by zustand, with the undo-redo functionality built on top of it. The code formatting is done with prettier and the image export uses html-to-image.
A draggable and resizable grid layout, for Vue.js.
A multi window layout manager for webapps
Drag-and-drop sortable component for nested data and hierarchies
Drag and Drop Website Builder and CMS with E-commerceProject mention: Docker for Website? | /r/selfhosted | 2023-04-17
MicroWeber Github: https://github.com/microweber/microweber
Vue wrapper components for smooth-dndProject mention: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
:ok_hand: Drag and drop so simple it hurts
Modern file uploading - components & hooks for React
🔥🔥🔥Drag and drop sort control for react-native
Free tools for frontend
1 project | dev.to | 1 Oct 2023
Uploading Images in React
1 project | dev.to | 30 Sep 2023
Shopify's Draggable Landing Page Is Beautiful
3 projects | news.ycombinator.com | 17 Aug 2023
Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good
1 project | /r/webdev | 4 Jul 2023
Casca.Space: a Chrome extension for your focus and productivity
1 project | /r/startpages | 6 Jun 2023
Is there a library for grid-based drag-n-drop?
1 project | /r/react | 27 May 2023
1 project | /r/PHP | 22 May 2023
A note from our sponsor - Onboard AI
getonboard.dev | 1 Oct 2023