react-drag-drop-files
Light React Drag & Drop files and images library styled by styled-components
Found 151450 results for react file drag drop
Light React Drag & Drop files and images library styled by styled-components
JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.
Zero dependency React component for Gmail or Facebook -like drag and drop file uploader. Drag files anywhere onto the window (or user defined 'frame' prop)! Very extensible, provides many hooks so you can use it to develop any custom behavior that you des
Components related to drag and drop in the Garden Design System
React component for editing or viewing JSON/object data
Block Drag & Drop Plugin for DraftJS
Dropping & uploading files with DraftJS
DragDropContainer
Beautiful and accessible drag and drop for lists with React
An add-on backend for react-dnd that provides support for keyboards and screenreaders by default.
drag list view and table view component for react
Beautiful and accessible drag and drop for lists with React
Basic Drag and Drop for React
Implements scroll on drag
Drag-and-drop-enabled version of react-querybuilder
**This package has not been tested on mobile browsers or React Native. SORRY!**
visx drag
A little plugin for Bootstrap 4 custom file input
Drag and drop sort control for react-native
React CSV import widget with user-customizable mapping
Beautiful and accessible drag and drop for lists with React
A React component for choosing dates and date ranges.
A React component to sort items in lists or grids
drop zone (container) component to initiate file and folder content uploads
A powerful Strapi plugin that enables intuitive drag-and-drop sorting of content types with real-time updates, optimized performance, and a seamless user experience.
React tags is a fantastically simple tagging component for your React projects
Zero dependency layout manager supporting tabs, grids and splitviews
Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.
The open-source visual editor for React
A component for building file upload fields of any type.
Light and customizable drag and drop list for React
React drag & drop highly customizable sortable list component
Zero dependency layout manager supporting tabs, grids and splitviews
SVAR Gantt for React - customizable, interactive Gantt chart component
Beautiful and accessible drag and drop for lists with React, supports shadow DOM
A full featured, unstyled tag input component for React
Calendar! with events
Legacy API for creating React components.
Light React Drag & Drop files and images library styled by styled-components
Drag & drop, touch enabled, reorderable / sortable list, React component
A react component toolset for managing animations
A cross browser solution to scrolling during drag and drop.
React File Manager is an open-source, user-friendly component designed to easily manage files and folders within applications. With smooth drag-and-drop functionality, responsive design, and efficient navigation, it simplifies file handling in any React p
Week View Calendar for React Native
A React Framework for building extensible drag and drop page editors
A cross browser solution to scrolling during drag and drop.
DayPilot Lite for React
React Drag Drop Upload is a lightweight library for uploading files and images with drag and drop, styled with Tailwind CSS and supporting customization.
Magically drag and drop files/links, built for React
Zero dependency layout manager supporting tabs, grids and splitviews
Flmngr file manager UI component for React
grid style drag and drop for react
React File Manager is an open-source, user-friendly component designed to easily manage files and folders within applications. With smooth drag-and-drop functionality, responsive design, and efficient navigation, it simplifies file handling in any React p
Beautiful and accessible drag and drop for lists with React
Drag-and-drop sortable component for nested data and hierarchies
Reusable React component to upload files to Sirv.com
React Big Schedule is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With d
React Native module for drag-n-drop function on iOS
A versatile, customizable file upload component for React, built with shadcn/ui and react-dropzone
Components related to drag and drop in the Garden Design System
A cross browser solution to scrolling during drag and drop.
Essential JS 2 DropDown Components for React
A cross browser solution to scrolling during drag and drop.
`MoleculePhotoUploader` is a component that lets you drag and drop images on it, or click it to add images. Also, on mobile, let you add photos directly taken with the camera.
A modern, browser-based markdown editor that you can run in any directory. Edit .md files with live preview, auto-save, and a VS Code-inspired interface.
vx drag
A simple, lightweight, and performant drag and drop library for React and vanilla JS
Saas UI Dropzone Component for Chakra UI
Drag & Drop Container in TypeScript
Light React Drag & Drop files and images library styled by styled-components
Simple & elegant dropzone component
React bindings for Dwolla's drop-in components
React component wrapper for range-slider-input
Beautiful and accessible drag and drop for lists with React
React Media Library is a UI package similar to the WordPress media library, but for React. It features file drag-and-drop as well as a library to select previously uploaded files.
A light-weighted and customizable React Component that handles Files Drag & Drop
[`@alpernative/tree`](https://www.npmjs.com/package/@alpernative/tree) is a high-performance, customizable tree component for React. It provides a wide range of features, including virtualization, drag-and-drop, and nested drag-and-drop support.
A powerful, customizable data grid component built with React, TypeScript, and TanStack Table v8
Relocate resource intensive third-party scripts off of the main thread and into a web worker.
Drag-and-drop sortable component for nested data and hierarchies
A set of file-upload-components with React.js.
Javascript function that triggers browser to save javascript-generated content to a file
Fully customizable react tree component
The Quill rich-text editor as a React component.
Beautiful and accessible drag and drop for lists with React
Drag and Drop library
A highly customizable, config-driven file upload component library built with React, TailwindCSS, and class-variance-authority
Node-based Visualizations for React
A lock-axis version of Sortable.js, supporting fixed axis on horizontal or vertical direction.
<hr/>
An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte
Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.
Preview component for React DnD
A React file preview component with built-in support for image editing, image carousel/slider, and download functionality, making it easy to display and manage files in your application
useDragster is a React hook designed to simplify drag and drop event handling by providing easy-to-use abstractions for drag enter, drag leave, and drop events. It also addresses common browser bugs related to these events, ensuring a smooth and reliable
Active Table wrapper for React
AtomUpload is a component that handles the file selection (via click or drag & drop) and displays the different statuses of the uploading process
Pluggable components to add a trello like kanban board to your application
NHFS — A sleek HTTP file server for the web built with Next.js and HeroUI. (Alpha)
<p align="center"> <img src="https://user-images.githubusercontent.com/2182637/53611918-54c1ff80-3c24-11e9-9917-66ac3cef513d.png" alt="react beautiful dnd logo" /> </p> <h1 align="center">react-beautiful-dnd <small><sup>(rbd)</sup></small></h1>
Drag and Drop library for React.
Set of higher-order components to turn any list into a sortable, touch-friendly, animated list
A powerful visual page editor component for React applications
##### dynamic-list is a web-based list component that implements features similar to React Native's FlatList, allowing you to reorder items via drag and drop.
A terminating Apollo Link for Apollo Client that fetches a GraphQL multipart request if the GraphQL variables contain files (by default FileList, File, or Blob instances), or else fetches a regular GraphQL POST or GET request (depending on the config and
A highly customizable, accessible, and config-driven file upload component library built with React, TypeScript, and Tailwind CSS.
textarea component for React which grows with content
A React component for choosing dates and date ranges.
React component for Gmail or Facbook -like drag and drop file uploader. Drag files anywhere onto the window (or user defined "frame" prop)! Very extensible, provides many hooks so you can use it to develop any custom behavior that you desire.
Mock implementation of the Next.js Router
Dropping & uploading files with DraftJS
drag list ui component for react
ClayDropDown component
A combined implementation of react-dropzone and react-cropper
JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.
A multi-tab docking layout manager
A Simple WYSIWYG editor for react users, includes simple rich text editor
A handy FilePond adapter component for React
Full node drag theme for react-sortable-tree
A dictionary of file extensions and associated module loaders.
HOC that displays a file upload on clicking children
React component to render svg file icons
This is a simple React component that will enable you to reorder HTML elements. You can drag any component and change their position.
Framework agnostic table component for editable data experience
A full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript.
React module that can rescaled local images. You can change image's width, height, format, rotation and quality. It returns resized image's new base64 URI or Blob. The URI can be used as the source of an <Image> component.
A clean and friendly icon family for React
React draggable component
A React component to view a PDF document
A reusable ColorPick EyeDropper written in React & TypeScript.
A drag-and-drop file component for React
react components used to render drag and drop tables in Entando projects
A drag-and-drop JSON Forms Builder for React
A React framework for creating customizable widget dashboards with drag-and-drop functionality
Zero dependency layout manager supporting tabs, grids and splitviews

Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.
This module helps to impliment drag-and-drop-swap
React component library to generate the HTML emails on the fly
React Window Sortable is an HOC for react-window that allows drag and drop sorting of lists
A react library which adds drag to select to your app
Drag and Drop library
SVGR webpack loader.
The Quill rich-text editor as a React component.
JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.
React component for drop-to-upload
Are you looking for a powerful, open-source solution to generate PDF and DOCX documents in your web application? **AavanamKit** is a modern document generation toolkit designed to fix the broken workflow of hardcoded layouts. It provides a full-stack ecos
Embed your Tableau dashboards with confidence!
Tiny React component for drag and drop support
Composable file upload component for React.
React drag and drop library alternatie of react-beautiful-dnd
React component that renders Input with debounced onChange
A simple React component that handles file drag and drop.
React Native clustering library using C++ Supercluster implementation
A file input (dropzone) management component for React
File management module with cloud storage, file browser, and advanced file operations
A lightweight attempt for solving the whole HTML5 DnD - svg tags compability issue
A React Tiling Window Manager
Implements scroll on drag
Add motion to your apps with a single line of code.
A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React
Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.
A React component for choosing dates and date ranges.
Essential JS 2 FileManager Component for React
Calendar! with events
The renoun toolkit keeps documentation polished, in sync, and on brand.
Storybook Docs: Document UI components automatically with stories and MDX
A beautiful, modern drag-and-drop puzzle CAPTCHA component for React applications
Storybook Onboarding: Help new users learn how to write stories
The code in this package has moved. We recommend you to use `CSSTransitionGroup` from [`react-transition-group`](https://github.com/reactjs/react-transition-group) instead.
Generated client-side file-based routes for Vite
Build CSV files on the fly basing on Array/literal object of data
A sortable tree component for React
SVGR command line.
A React component that adds pan and zoom features to SVG
grid style drag and drop for react
Scan your React app for renders
A powerful React form builder with drag-and-drop functionality and rich field types
A file input designed for the React library MUI
Beautiful and accessible drag and drop for lists with React
'Add map like zooming and dragging to any element'
A simple yet functional GraphQL client.
Super-thin React wrapper for refractor (Syntax highlighting using VDOM)
[](https://www.npmjs.com/package/chem-generic-ui) [](https://www.npmjs.com/package/chem-generic-ui) [ which is a drop-in replacement for useLayoutEffect()/useEffect()
A cross browser solution to scrolling during drag and drop.
React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
<h1 align="center"> react-use-pointer-drag </h1>
React nested sortable component
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
React component wrappers around Uppy's official UI plugins.
Interactive React component that displays events in a beautiful horizontal timeline format.
This package permit to have a centralized dotenv on a monorepo. It also includes some extra features such as manipulation and saving of changes to the dotenv file, a default centralized file, and a file loader with ordering and priorities.
Make list like component sortable
Simple HTML5 drag-drop zone with React.js
Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components
A React library for hCaptcha
Official library to use Popper on React projects
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Runtime type checking for React props and similar objects.
Builder.io Visual CMS Devtools
A Payload plugin that allows dragging to order your collections in the Payload admin panel.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
A React component with the bottom sheet experience we have for native mobile applications, but for web ✨
React image gallery, react slideshow carousel, react content rotator
Drag-and-drop sortable component for nested data and hierarchies
Drag and Drop Tools and Widgets for UI-Schema with Material-UI
A React component for choosing dates and date ranges ported to Typescript.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Drop-in for estraverse that enables traversal over React's JSX nodes.
Tree view component with drag and drop support using react-dnd
A React component for choosing dates and date ranges.
Drag interactions made easier.
A fully customizable and extensible React editor built on TipTap with drag-and-drop images, complete TypeScript support, and modern UI components
React components to wrap Velocity animations
ESLint rules for React Hooks
Article Paragraph
bedrock-layout column-drop
grid style drag and drop for react
A React component for choosing dates and date ranges.
Beautiful and accessible drag and drop for lists with React
The code in this package has moved. We recommend you to use `TransitionGroup` from [`react-transition-group`](https://github.com/reactjs/react-transition-group) instead.
React Native iOS and Android wrapper for Amplitude
upload button component and asUploadButton HOC
React native geolocation service for iOS and android
🚀 A production-ready React dropzone component with smart defaults, drag & drop reordering, chunked uploads, resume functionality, and comprehensive provider support (Cloudinary, AWS S3, Supabase)
React wrapper for @smooth-dnd
Folder based file browser given a flat keyed list of objects, powered by React.
React File Uploader. React component with uploading from multiple sources