UICodex

Learn UI Design by Programming

  • JavaScript UI
  • HTML&CSS UI
  • Android UI
  • iOS UI

JavaScript Drag-and-Drop List UI Tutorials and Examples

create a reorderable drag-and-drop lists using sortable.js

    A Starter Guide to Create a Reorderable Drag-and-drop List in JavaScript: Sortable.js for Beginners

    • April 7, 2020
    • uicodex

    Sortable.js is a powerful javascript library for create reorderable drag-and-drop lists in web development. It is widely used in web page layout. In this tutorial, we will implement a reorderable drag-and-drop list with some steps using Sortable.js.

    Popular UI

    Card Web Editor Login Form Contact Form Profile Card WYSIWYG Editor Registration Form Color Picker Timeline Web Card Alert Web Calendar Button Navigation Alert Dialog Confirm Dialog HTML5 Login Form Dialog Chart Form Emoji Calendar Scrollbar Emoji Slider Image Viewer Reorderable Drag-and-Drop List Line Chart Tooltip Button Slider

    Popular

    • ivid | Building an Interactive HTML5 Video Player with JavaScript ivid | Building an Interactive HTML5 Video Player with JavaScript
    • switch | Creating iOS Style Switch Button with CSS switch | Creating iOS Style Switch Button with CSS
    • Bubbly Button | Creating a Button with Bubble Confetti Effect Bubbly Button | Creating a Button with Bubble Confetti Effect
    • Viewer.js | View Full Image By Clicking with JavaScript Viewer.js | View Full Image By Clicking with JavaScript
    • MultiDialog | A Powerful jQuery UI Dialog Widget for Modalbox / Lightbox Application MultiDialog | A Powerful jQuery UI Dialog Widget for Modalbox / Lightbox Application

    UICodex