|3 days ago||16 days ago|
|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.
FileDrop: A file dropzone action & component for Svelte.
1 project | reddit.com/r/sveltejs | 31 Aug 2021
Reference for typing for svelte action?
2 projects | reddit.com/r/sveltejs | 29 Aug 2021
Tests using react-dnd with useDrag and useDrop
1 project | reddit.com/r/codehunter | 22 Apr 2022
Has anyone ever been able to test the drag-and-drop functionality from https://github.com/react-dnd/react-dnd using a functional component with useDrag and useDrop hooks?
Breaking Change after upgrade to React 17.0.2 - react-dnd 16.0.0 and DnDProvider.js
1 project | reddit.com/r/reactjs | 11 Apr 2022
Found the answer here. Basically in react-dnd/dist/core/DndProvider.js file, change:
I made a Tailwind CSS visual builder where you can visually design and generate code for your Frontend or websites in HTML, React, and Vuejs. Also added lots of beautiful templates to help ship projects to production faster.
1 project | reddit.com/r/webdev | 10 Apr 2022
Ya, these are really good points. I will add in terms of the drag and drop you can have a look at react dnd https://www.npmjs.com/package/react-dnd . There are also some open source projects on codesandbox https://codesandbox.io/examples/package/react-dnd with great examples for working with react-dnd. Hope this gives you some pointers on where to start.
Useful Utility React.js Libraries
6 projects | dev.to | 3 Apr 2022
React-dnd. A set of React utilities to help you build complex drag & drop interfaces while keeping components decoupled. https://react-dnd.github.io/react-dnd
How to build a map-builder?
2 projects | reddit.com/r/learnreactjs | 15 Mar 2022
Top 5 Popular React Packages
5 projects | dev.to | 15 Jan 2022
Check out: React DnD
Show HN: Drovp – Convenient UI for any drag and drop operations
9 projects | news.ycombinator.com | 27 Dec 2021
I ran into these same issue trying to roll my own solution. The native drag and drop "works", but doesn't let me customize the drag ghost. I ended up using React DnD https://github.com/react-dnd/react-dnd/
React Awesome Components
4 projects | dev.to | 6 Dec 2021
react-dnd - Drag and Drop for React
A powerful drag and drop library for Angular
4 projects | reddit.com/r/Angular2 | 15 Aug 2021
Yes, there has many differences. it's based on html5 drag and drop. You can check the examples here, it's difficult to achieve with @angular/cdk. The library is cloned from angular-skyhook which inspired by react-dnd.
👋Hey everyone, Been working on a No code tool to help developers and non devs create Tailwind CSS Websites. Windframe enables you create Tailwind CSS website in minutes with almost every edit option and to export your code. Been on this for a while now. Appreciate any feedback or thoughts on this.
1 project | reddit.com/r/webdev | 15 Aug 2021
😂😂😂 You are free to raid. Thank you for your comment. This was built using reactjs in the frontend and firebase in the backend. But if you want to get started with working with drag and drop and canvases. I will suggest checking out react dnd https://www.npmjs.com/package/react-dnd or html dnd https://www.w3schools.com/html/html5_draganddrop.asp and html 5 canvas. That should give you some early pointers as you start
What are some alternatives?
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-draggable - React draggable component
react-dropzone - Simple HTML5 drag-drop zone with React.js.
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-dragula - :ok_hand: Drag and drop so simple it hurts
elementor - The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
react-sortable-pane - :sparkles: A sortable and resizable pane component for React.
angular-gridster2 - Angular gridster 2
React Animation 👌 - Animation components and styles for React projects
react-grid-dnd - drag and drop, grid edition. built with react