How to create a Drag and Drop quiz like this?

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

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.

  • Sortable is a standalone library.

  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

  • If you are using react https://github.com/atlassian/react-beautiful-dnd

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

    The JavaScript Drag & Drop library your grandparents warned you about.

  • For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/

  • interact.js

    JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

  • For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/

  • dnd-kit

    The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

  • Yeah, I used dnd-kit in a recent project, and that worked fairly well. It’s pretty easy to setup too.

  • React Konva

    React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

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

  • https://dndkit.com – A lightweight, performant, accessible and extensible drag & drop toolkit for React

    2 projects | /r/reactjs | 5 Jan 2021
  • A feature-rich front-end drag-and-drop component library

    10 projects | news.ycombinator.com | 24 Apr 2024
  • Curious case of Drag and Drop

    3 projects | dev.to | 30 Jan 2024
  • Janky drag & drop animation using hello-pangea/dnd package (app dir)

    1 project | /r/nextjs | 17 Oct 2023
  • Which library is good for drag and drop functionality?

    1 project | /r/reactjs | 10 Jul 2023