Dragula
jkanban
Dragula | jkanban | |
---|---|---|
8 | 2 | |
21,761 | 1,041 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | 7 months ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
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.
Dragula
-
Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
-
Drag and drop in the React.js
dragula
-
Best way to update element position (drag & drop)
You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula
-
Show HN: Drovp – Convenient UI for any drag and drop operations
I used Dragula[^1] for a form builder in the past and had quit a pleasent experience. Though I don't know how it would hold with a drag centric (card game) UI
[1]: https://bevacqua.github.io/dragula/
-
How to fix the ReferenceError: global is not defined error in SvelteKit/Vite
https://github.com/vitejs/vite/issues/2778 https://github.com/vitejs/vite/issues/728 https://github.com/bevacqua/dragula/issues/602 https://kit.svelte.dev/faq#aliases
-
Best options for Drag and Drop
https://bevacqua.github.io/dragula/ is dependency-free. It is what I'd consider.
- What's the state of "drag and drop" UI development?
-
Drag and Drop that works on desktop and mobile?
Dragula is always my go-to drag and drop library. It has mobile support as well.
jkanban
-
Drag&drop or similar functionality without JavaScript.
Soory I may did ommit one char or two, here's the correct one by copy past : https://www.riccardotartaglia.it/jkanban/
-
How to create a Kanban (Trello style) view of your ModelAdmin data in Wagtail
# views.py from wagtail.contrib.modeladmin.views import IndexView class KanbanView(IndexView): def get_kanban_data(self, context): return [ { "id": "column-id-%s" % index, "item": [ {"id": "item-id-%s" % obj["pk"], "title": obj["title"],} for index, obj in enumerate( [ {"pk": index + 1, "title": "%s Item 1" % column}, {"pk": index + 2, "title": "%s Item 2" % column}, {"pk": index + 3, "title": "%s Item 3" % column}, ] ) ], "title": column, } for index, column in enumerate(["column a", "column b", "column c"]) ] def get_context_data(self, **kwargs): context = super().get_context_data(**kwargs) # replace object_list in context as we do not want it to be paginated context["object_list"] = self.queryset # see: https://github.com/riktar/jkanban#var-kanban--new-jkanbanoptions context["kanban_options"] = { "addItemButton": False, "boards": self.get_kanban_data(context), "dragBoards": False, "dragItems": False, } return context
What are some alternatives?
hammer.js - A javascript library for multi-touch gestures :// You can touch this
svelte-todo - Todo App with Svelte.
nanogallery2 - a modern photo / video gallery and lightbox [JS library]
spacers - 🔳 when you need more __space__. Quick margin/padding for your no-code tools.
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
cookieconsent - :cookie: Simple cross-browser cookie-consent plugin written in vanilla js
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
wordle-clone - A Wordle Clone with Vanilla JS
HumanInput - A JavaScript library for handling keyboard shortcuts and other human-generated events
rome - :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!
touchemulator - Emulate touch input on your desktop
decentralized-to-do-list - a decentralized to do list built with web5 sdk