sortablejs
gridstack.js
sortablejs | gridstack.js | |
---|---|---|
25 | 7 | |
28,760 | 5,886 | |
0.8% | 1.4% | |
5.7 | 9.1 | |
6 days ago | 5 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sortablejs
-
A feature-rich front-end drag-and-drop component library
We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
-
Multi-column drag and drop with SortableJS and Stimulus
Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.
-
Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
Maybe: https://github.com/SortableJS/Sortable Can do this not sure.
-
Show HN: An open source visual editor for React
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).
- SortableJS: Library for reorderable drag-and-drop lists
-
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.
- react sortable-js, two types of items and nested items
-
How to use Nodemailer with Cypress 10?
after(() => { cy.task('sendMail', 'This will be output to email address') .then(result => console.log(result)); }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')
-
Can anyone share an example of drag and drop content
Check out https://sortablejs.github.io/Sortable/
- How to create a Drag and Drop quiz like this?
gridstack.js
-
Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit
Can you add drag and drop to this? Currently you need libraries like https://gridstackjs.com/, especially for nested cases.
-
Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
https://gridstackjs.com might be for you.
- Looking for help setting up a project with a jQuery plugin
-
Real time analytics using .Net & Redis
RedisTimeSeries : https://redis.io/docs/stack/timeseries/ RedisTimeSeries Commands : https://redis.io/commands/?group=timeseries NRedisTimeSeries - .Net Client for RedisTimeSeries : https://github.com/RedisTimeSeries/NRedisTimeSeries/ Redis Cloud : https://redis.com/try-free/ Mockaroo - For mock data : https://www.mockaroo.com/7d448f50 RedisProvider : https://github.com/redis-developer/nredi2read-preview/blob/main/Providers/RedisProvider.cs gridstack.js - For Dashboard Structure : https://github.com/gridstack/gridstack.js handlebars.js - For widget design : https://github.com/handlebars-lang/handlebars.js Chart.js - Charting library : https://github.com/chartjs/Chart.js
-
Rendering children for third party library
I'm porting this react-gridstack2 to react 18 (original library), and I've hit a problem.
- Way to create dockable windows in a workspace kinda of like visual studio
-
A draggable grid in Vue
Might want to check out https://gridstackjs.com. There are example integrations for both Vue2/3 (Vue 2 version by me), and a helpful Slack community.
What are some alternatives?
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.
Easy-DnD - A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
react-gridstack2 - Modified React Wrapper library for GridStackJS.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
blazor-dragdrop - Easy-to-use Drag and Drop Library for Blazor
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
nredi2read-preview
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
RedisTimeSeries - Time Series data structure for Redis