Sortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices

  •        24

Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists. You can use any element for the list and its elements, not just ul/li. Here is an example with divs.

http://rubaxa.github.io/Sortable/
https://github.com/RubaXa/Sortable

Tags
Implementation
License
Platform

   




Related Projects

vue-sortable - A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable

  •    Javascript

Easily add drag-and-drop sorting to your Vue.js applications without jQuery, using the v-sortable directive, a thin wrapper for the minimalist RubaXa/SortableJS library. Note that you will need to include RubaXa/Sortable & Vue before including vue-sortable.

react-smooth-dnd - react wrapper components for smooth-dnd

  •    Javascript

A fast and lightweight drag&drop, sortable library for React with many configuration options covering many d&d scenarios. It uses css transitions for animations so it's hardware accelerated whenever possible. This library consists wrapper React components over smooth-dnd library.

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

  •    Javascript

Get complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.

html5sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.

  •    TypeScript

Lightweight vanillajs micro-library for creating sortable lists and grids using native HTML5 drag and drop API. If you would like to add an adapter to the list, please create an issue with the link to your adapter.


react-absolute-grid - An absolutely positioned, animated, filterable, sortable, drag and droppable, ES6 grid for React

  •    Javascript

An absolute layout grid with animations, filtering, zooming, and drag and drop support. Use your own component as the grid item. See the Demo. The idea behind AbsoluteGrid is high performance. This is achieved by using Translate3d to position each item in the layout. Items are never removed from the DOM, instead they are hidden. For best performance you should avoid re-arranging or removing items which you pass into AbsoluteGrid, instead you can use the filtered and sort properties to hide or sort an item. Those properties are customizable using the keyProp and filterProp properties. In addition, all data passed must be immutable so that we don't waste any renders.

knockout-sortable - A Knockout

  •    Javascript

knockout-sortable is a binding for Knockout.js designed to connect observableArrays with jQuery UI's sortable functionality. This allows a user to drag and drop items within a list or between lists and have the corresponding observableArrays updated appropriately. Note: The sortable binding assumes that the child "templates" have a single container element. You cannot use containerless bindings (comment-based) bindings at the top-level of your template, as the jQuery draggable/sortable functionality needs an element to operate on.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

ui-sortable - jQuery UI Sortable for AngularJS

  •    Javascript

This directive allows you to sort an array with drag & drop.Single minified cdn link ~245kB and example with JQuery v1.x, required parts of JQueryUI v1.10, AngularJS v1.2 & latest angular-ui-sortable.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

vue-drag-and-drop-list - 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

  •    Javascript

Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building trees and other fancy structures. In general, in 2.0 directives have a greatly reduced scope of responsibility: they are now only used for applying low-level direct DOM manipulations. In most cases, you should prefer using Components as the main code-reuse abstraction.

ngDraggable - Drag and drop module for Angular JS

  •    Javascript

Drag and drop module for Angular JS with support for touch devices. demo. ng-drag-start and ng-drag-move is also available. Add to the ng-drop element. ng-drag-stop can be used when you want to react to the user dragging an item and it wasn't dropped into the target container.

html5sortable - Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API

  •    HTML

This project is not mantained anymore. I recommend using RubaXa's Sortable or voidberg's fork instead. Use .sortable-dragging and .sortable-placeholder CSS selectors to change the styles of a dragging item and its placeholder respectively.

interact

  •    Javascript

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+). Visit http://interactjs.io/docs for the API documentation.

django-admin-sortable2 - Generic drag-and-drop ordering for objects in the Django admin interface

  •    Javascript

A replacement for django-admin-sortable using an unintrusive approach. This plugin is a generic drag-and-drop ordering module for sorting objects in the List, the Stacked- and the Tabular-Inlines Views in the Django Admin interface.

DragDropGrid

  •    

A DataGridView for .NET Forms development that extends the base DataGridView control to add drag and drop between DragDropGrids, and reordering of items within the same DragDropGrid.

ng2-dnd - Angular 2 Drag-and-Drop without dependencies

  •    TypeScript

Angular 2 Drag-and-Drop without dependencies. Follow me to be notified about new releases.

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

  •    Javascript

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.