GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hesamurai → nested-sort

hesamurai / nested-sort

Licence: MIT License
Nested Sort is a JavaScript library which helps you to sort a nested list of items via drag and drop.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
typescript
32286 projects
CSS
56736 projects

Labels

drag-and-dropjavascript-librarysortnested-lists

Projects that are alternatives of or similar to nested-sort

React Native Drag Sort
🔥🔥🔥Drag and drop sort control for react-native
Stars: ✭ 397 (+1180.65%)
Mutual labels:  drag-and-drop, sort
Dropzone
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
Stars: ✭ 16,097 (+51825.81%)
Mutual labels:  drag-and-drop, javascript-library
Jschema
A simple, easy to use data modeling framework for JavaScript
Stars: ✭ 261 (+741.94%)
Mutual labels:  javascript-library, sort
Rails sortable
Easy drag & drop sorting with persisting the arranged order for rails
Stars: ✭ 127 (+309.68%)
Mutual labels:  drag-and-drop, sort
Flowy
The minimal javascript library to create flowcharts ✨
Stars: ✭ 8,636 (+27758.06%)
Mutual labels:  drag-and-drop, javascript-library
Sortable
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Stars: ✭ 23,641 (+76161.29%)
Mutual labels:  drag-and-drop, sort
Filterizr
✨ Filterizr is a JavaScript library that sorts, shuffles and filters responsive galleries using CSS3 transitions ✨
Stars: ✭ 546 (+1661.29%)
Mutual labels:  javascript-library, sort
Filepond Boilerplate Php
🔥 A FilePond PHP project starter kit
Stars: ✭ 45 (+45.16%)
Mutual labels:  drag-and-drop, javascript-library
Muuri
Infinite responsive, sortable, filterable and draggable layouts
Stars: ✭ 9,797 (+31503.23%)
Mutual labels:  drag-and-drop, sort
wp-tag-order
↕︎ Sort tags manually in individual posts (not site-globally) on WordPress.
Stars: ✭ 16 (-48.39%)
Mutual labels:  drag-and-drop, sort
Theatherflix
Theatherflix OpenSource Project - A visual tool for wiring digital movies, to sort and list the top latest movie trailers. We are constantly developing and making changes. Do you want to be part? Contact us!
Stars: ✭ 51 (+64.52%)
Mutual labels:  sort
Vue-router
Tutorial About vue-router in Vue.js version 2
Stars: ✭ 60 (+93.55%)
Mutual labels:  javascript-library
volx-recyclerview-fast-scroll
An easy to use implementation for fast scroll recyclerview
Stars: ✭ 34 (+9.68%)
Mutual labels:  sort
pine
Responsive CSS Framework ( PineCSS )
Stars: ✭ 41 (+32.26%)
Mutual labels:  javascript-library
AhaAlgorithms
《啊哈算法》书上代码
Stars: ✭ 47 (+51.61%)
Mutual labels:  sort
awesome-libraries-resources
Awesome js and css libraries for web development.
Stars: ✭ 32 (+3.23%)
Mutual labels:  javascript-library
rc-dock
Dock Layout for React Component
Stars: ✭ 318 (+925.81%)
Mutual labels:  drag-and-drop
XrmPortalJS
A JavaScript library for Microsoft CRM Portals
Stars: ✭ 29 (-6.45%)
Mutual labels:  javascript-library
web-animation-club
CSS controlled animations with transitionEnd, onTransitionEnd, animationend, onAnimationEnd events and frame throwing. Tiny javascript library with cross-browser methods to handle css animation/transition callbacks and event loop frame throwing. 📚🖥️📱
Stars: ✭ 52 (+67.74%)
Mutual labels:  javascript-library
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+4122.58%)
Mutual labels:  drag-and-drop
View All Similar Projects ➔

Nested Sort

npm version

Nested Sort is a vanilla JavaScript library, without any dependencies, which helps you to sort a nested list of items via drag and drop. Unfortunately, it does not support touch screens yet.

Docs

hesamurai.com/nested-sort

Download

Installation

Using npm:

$ npm install nested-sort

Contribution

Developer environment requirements

To run this project, you will need:

Running tests

npm run test
npm run test:coverage
npm run test:watch

Dev mode

When developing you can run:

npm run watch

This will regenerate the build files each time a source file is changed and serve on http://127.0.0.1:3000.

You can navigate to http://127.0.0.1:3000/dev/ in order to see the samples.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].