Multi-column drag and drop with SortableJS and Stimulus

This page summarizes the projects mentioned and recommended in the original post on dev.to
UI Components Sortable List Drag Sortable Reordering

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.
surveyjs.io
featured
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.
www.influxdata.com
featured

  • sortablejs

    Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

    • Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.

  • stimulus-sortable

    A Stimulus controller to reorder lists with drag-and-drop.

    • Well, it's open source, then why not enhance it? And I did locally, it was not that hard: pulled the stimulus-sortable repository, wrote a couple lines of code (see diff below), ran yarn build and provided the path to my local package in my original project. It was good to go and it worked.

  • 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.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • SortableJS: Library for reorderable drag-and-drop lists

    1 project | news.ycombinator.com | 21 Jun 2023

  • react sortable-js, two types of items and nested items

    1 project | /r/reactjs | 1 Mar 2023

  • Can anyone share an example of drag and drop content

    1 project | /r/reactjs | 18 Nov 2022

  • Here's how I did in my first week of Frontend Mentor challenges.

    2 projects | dev.to | 24 Oct 2022

  • Could somebody recommend a library to achieve this?

    2 projects | /r/webdev | 13 Jul 2022