-
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.
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Don't miss the site link: https://atlassian.design/components/pragmatic-drag-and-drop/...
And comparison: https://atlassian.design/components/pragmatic-drag-and-drop/...
I'm a big fan of Atlassian's component offerings and related documentation. Their technical writing quality has been a target for me when working on design systems.
Looks like it's the successor to https://github.com/atlassian/react-beautiful-dnd given https://github.com/atlassian/pragmatic-drag-and-drop/tree/ma...
dndkit 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
We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/