jQuery Sortable
react-beautiful-dnd
Our great sponsors
| jQuery Sortable | react-beautiful-dnd | |
|---|---|---|
| 0 | 38 | |
| 1,512 | 27,321 | |
| - | 0.9% | |
| 0.0 | 3.4 | |
| over 1 year ago | 10 days ago | |
| HTML | JavaScript | |
| GNU General Public License v3.0 or later | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jQuery Sortable
We haven't tracked posts mentioning jQuery Sortable yet.
Tracking mentions began in Dec 2020.
react-beautiful-dnd
-
Dnd-kit
I had a similar requirement for which I used the react-beautiful-dnd npm package. GitHub repo This is developed by Atlassian. There are a few examples available for the same on codesandbox
-
25 React component libraries you just might need for your next project!
react-beautiful-dnd Beautiful and accessible drag and drop for lists with React.
-
Drag and Drop - Which library?
For the reference, (some) unmaintained libraries: - @shopify/draggable - react-beautiful-dnd - react-drag-drop-container
-
Nested Drag and Drop with react-beautiful-dnd
I'm creating vertical nested drag and drop with react-beautiful-dnd. I have referred some answers in github
-
How to debug a react.js library
I have been using react for about a year now and i recently wanted to delve into react-beautiful-dnd. I've built plugins for vanilla js and jQuery in the past , but i am not to sure about how to go about building a react.js plugin or even debug it. i am more interested in debugging this plugin and seeing how it works more then anything , so how exactly do i go about doing it ?
- i am looking for code examples / libraries to implement this kind of drag and drop (google slides)
-
dev log 02
Based on inspiration from Atlassian's agile workflow applications like Jira and Trello, Chello is a rudimentary kanban to-do list utilizing Atlassian's very own drag and drop library
- Any library for making a board where the user can place "boxes" freely?
-
Frontend development doubt
I've used React DnD and React Beautiful DnD for drag-and-drop with React.
-
Best dnd library for multiple component select?
You can try this out: react-beautiful-dnd . It's what I used in this my project Nova
What are some alternatives?
react-dnd - Drag and Drop for React
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
react-testing-library - 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
framer/motion - Open source, production-ready animation and gesture library for React
nested-dnd - Proof of concept for doing a nested drag and drop in React
react-dragula - :ok_hand: Drag and drop so simple it hurts
react-draggable - React draggable component
nextjs-subscription-payments - Clone, deploy, and fully customize a SaaS subscription application with Next.js.
react-kanban - Yet another Kanban/Trello board lib for React.
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.