JavaScript Sortable

Open-source JavaScript projects categorized as Sortable

Top 11 JavaScript Sortable Projects

  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good | /r/webdev | 2023-07-04

    This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd

  • sortablejs

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

    Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05

    Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).

    I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • react-sortable-hoc

    A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

  • react-sortable-tree

    Drag-and-drop sortable component for nested data and hierarchies

  • vue-smooth-dnd

    Vue wrapper components for smooth-dnd

    Project mention: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
  • react-native-drag-sort

    🔥🔥🔥Drag and drop sort control for react-native

  • livewire-sortablejs

    A Laravel Livewire plugin that makes it easy to use Sortable.js

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • gigatables-react

    GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.

  • Ractive.js sortable decorator plugin

    Drag and drop items to sort them (by ractivejs)

  • ember-sortablejs

    EmberJS wrapper for the sortable library

    Project mention: How to use Nodemailer with Cypress 10? | /r/Cypress | 2022-12-07
  • react-dndkit-eg

    React drag n drop example

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-09-05.

JavaScript Sortable related posts

Index

What are some of the best open-source Sortable projects in JavaScript? This list will help you:

Project Stars
1 react-beautiful-dnd 30,928
2 sortablejs 27,441
3 react-sortable-hoc 10,543
4 react-sortable-tree 4,804
5 vue-smooth-dnd 1,621
6 react-native-drag-sort 671
7 livewire-sortablejs 212
8 gigatables-react 139
9 Ractive.js sortable decorator plugin 15
10 ember-sortablejs 11
11 react-dndkit-eg 2
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com