How to create a Drag and Drop quiz like this?

• sortablejs

  25 28,684 6.0 JavaScript

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

  

Sortable is a standalone library.

• react-beautiful-dnd

  71 32,416 0.6 JavaScript

  Beautiful and accessible drag and drop for lists with React

  

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

• SurveyJS

  surveyjs.io sponsored

  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.

  

• draggable

  13 17,494 8.0 JavaScript

  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

  15 12,053 7.7 TypeScript

  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

  43 11,358 4.9 TypeScript

  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

  6 5,519 6.0 TypeScript

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

  

Suggest a related project