pragmatic-drag-and-drop
interact.js
pragmatic-drag-and-drop | interact.js | |
---|---|---|
9 | 15 | |
7,439 | 12,117 | |
79.0% | - | |
8.3 | 7.7 | |
2 days ago | about 2 months ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | 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.
pragmatic-drag-and-drop
-
A feature-rich front-end drag-and-drop component library
Are we expected to be able to drag and drop elements in the List and Board examples, on mobile browsers? I can't, but I look forward to trying on a computer.
https://atlassian.design/components/pragmatic-drag-and-drop/...
-
Introducing Planner: A Fresh Take on React Scheduling Components
I’ve integrated Atlassian's Pragmatic drag-and-drop library to adjust appointments easily. For those familiar with their older library, react-beautiful-dnd, you’ll find Pragmatic Drag and Drop a significant evolution, offering greater flexibility and capabilities. It’s a fantastic development in the space of interactive components, and I highly recommend checking it out for your projects. Here’s a special shoutout to their amazing work: Pragmatic Drag and Drop.
- Pragmatic Drag and Drop
- Pragmatic drag and drop: A fast and flexible drag and drop framework for the web
-
Pragmatic-dnd: Seamless dragging between browsers and iframes
Open source soon: https://github.com/atlassian/pragmatic-drag-and-drop
interact.js
- Ask HN: How to build infinite grid in the browser?
-
How to create a Drag and Drop quiz like this?
For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/
- Make Drag & Drop + DropZone with interact.js + reactjs
- Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
-
I am currently making a Windows 11-themed personal website and planning to add easter eggs. What do you guys think?
I used interact js for dragging and dropping. Everything else is CSS HTML and simple JavaScript.
-
What are some tools (js libraries) that can be used to create operating system-like user interfaces?
https://interactjs.io/ - I might use this for the resizeable windows (and drag and drop for file transfering, yes the "os" will have a file manager)
-
Trouble having an interactive movable GIF not overlay the rest of the page
The library I’m using to get this effect is https://interactjs.io/ since they have pretty much what I need. To make the effect work I have to create a fullscreen div with another div inside that’s being connected to the library so I can move it. The problem that occurs now is, that I can’t interact with anything below the fullscreen div. I’ve tried putting custom css (pointer-events: none) on this div, but this affects the GIF-div inside too so I can’t interact with it anymore.
-
I want to learn vue js and create a entity mapping editor app in the end
I used interactjs (https://interactjs.io/) for the drag and drop events, it's a great library.
-
How would you go about a drag and drop system?
I case you just want a working result: https://interactjs.io
- interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
What are some alternatives?
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
panes - 🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-dnd - Drag and Drop for React
react-kanban - Yet another Kanban/Trello board lib for React.
nested-dnd - Proof of concept for doing a nested drag and drop in React
planner
react-nestable - Drag & drop hierarchical list made as a react component
filedrop-svelte - File dropzone for Svelte.