react-dnd
react-draggable
react-dnd | react-draggable | |
---|---|---|
2 | 7 | |
17,389 | 8,803 | |
- | 0.5% | |
8.2 | 3.7 | |
about 2 years ago | about 1 month ago | |
TypeScript | JavaScript | |
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.
react-dnd
-
TypeScript 2.0 with react-dnd gives error "JSX element attributes may not be a union type"
In a TypeScript + React project I am using react-dnd with its DefinitelyTyped typings:
-
Drag and drop with touch support for react.js
There's a couple of questions and articles and libraries about drag and drop for react.js, but none of them seems to mention touch events, and none of the demo's work on my phone.
react-draggable
-
nize.pics – create beautiful images of code and screenshots
Thanks! It's built with React (Next.js) and Mantine for the UI components. I'm not sure what you mean with edit systems, but the layers are using react-draggable. The syntax highlighting is powered by shiki and a bunch of exported VS Code themes. The state is handled by zustand, with the undo-redo functionality built on top of it. The code formatting is done with prettier and the image export uses html-to-image.
-
Drag and drop in the React.js
react-draggable
-
React zoom and pan with draggable elements
The first chapter will explain how we can create draggable elements, is a great existing package called react-draggable, This package is powerful that can provide draggable elements using JavaScript.
- How to make a draggable component in ReactJs?
-
Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS
-react-draggable: I must say I didn't see that one, and didn't try.
-
What libraries would you use to build something like Google Slides? I mean drag, drop, resize movable rich text boxes etc.
Maybe it's a collection of libraries. Some might be https://interactjs.io/ https://www.npmjs.com/package/react-draggable etc.
-
Made my portfolio website of theme Ubuntu 20.4 theme by React.js & Tailwind CSS! Check it out, link in the comment. Dont forget to give your feedbacks below👇
At first I thought I have to make the divs draggable myself, but then i found this amazing library called react-draggable, and it saved a lot of my time!
What are some alternatives?
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-dnd - Drag and Drop for React
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-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
react-grid-dnd - drag and drop, grid edition. built with react
react-dropzone - Simple HTML5 drag-drop zone with React.js.
angular-gridster2 - Angular gridster 2
react-zoom-pan-pinch - 🖼 React library to support easy zoom, pan, pinch on various html dom elements like <img> and <div>
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
react-sortable-pane - :sparkles: A sortable and resizable pane component for React.
nested-dnd - Proof of concept for doing a nested drag and drop in React
react-dragula - :ok_hand: Drag and drop so simple it hurts