react-drag-drop-files
Light React Drag & Drop files and images library styled by styled-components
Found 151555 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
visx drag
**This package has not been tested on mobile browsers or React Native. SORRY!**
A little plugin for Bootstrap 4 custom file input
React CSV import widget with user-customizable mapping
Drag and drop sort control for react-native
A React component for choosing dates and date ranges.
A React component to sort items in lists or grids
Beautiful and accessible drag and drop for lists with React
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
A full featured, unstyled tag input component for React
Beautiful and accessible drag and drop for lists with React, supports shadow DOM
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
React Native module for drag-n-drop function on iOS
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
A cross browser solution to scrolling during drag and drop.
A React Framework for building extensible drag and drop page editors
Week View Calendar for React Native
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
Beautiful and accessible drag and drop for lists with React
Flmngr file manager UI component for React
Drag-and-drop sortable component for nested data and hierarchies
grid style drag and drop for react
A versatile, customizable file upload component for React, built with shadcn/ui and react-dropzone
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
A cross browser solution to scrolling during drag and drop.
Components related to drag and drop in the Garden Design System
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.
Essential JS 2 DropDown Components for React
Drag & Drop Container in TypeScript
vx drag
Saas UI Dropzone Component for Chakra UI
A simple, lightweight, and performant drag and drop library for React and vanilla JS
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.
Light React Drag & Drop files and images library styled by styled-components
React component wrapper for range-slider-input
React bindings for Dwolla's drop-in components
Simple & elegant dropzone component
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 powerful, customizable data grid component built with React, TypeScript, and TanStack Table v8
Beautiful and accessible drag and drop for lists with 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
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.
Drag-and-drop sortable component for nested data and hierarchies
Relocate resource intensive third-party scripts off of the main thread and into a web worker.
Beautiful and accessible drag and drop for lists with React
Fully customizable react tree component
<hr/>
The Quill rich-text editor as a React component.
Javascript function that triggers browser to save javascript-generated content to a file
Drag and Drop library
Node-based Visualizations for React
A lock-axis version of Sortable.js, supporting fixed axis on horizontal or vertical direction.
An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte
A set of file-upload-components with React.js.
Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.
Preview component for React DnD
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
AtomUpload is a component that handles the file selection (via click or drag & drop) and displays the different statuses of the uploading process
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
Pluggable components to add a trello like kanban board to your application
Active Table wrapper for React
NHFS — A sleek HTTP file server for the web built with Next.js and HeroUI. (Alpha)
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.
Drag and Drop library for React.
Set of higher-order components to turn any list into a sortable, touch-friendly, animated list
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
<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>
A highly customizable, accessible, and config-driven file upload component library built with React, TypeScript, and Tailwind CSS.
A React component for choosing dates and date ranges.
ClayDropDown component
Mock implementation of the Next.js Router
textarea component for React which grows with content
Dropping & uploading files with DraftJS
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.
drag list ui component for react
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 dictionary of file extensions and associated module loaders.
React component to render svg file icons
HOC that displays a file upload on clicking children
A handy FilePond adapter component for React
Full node drag theme for react-sortable-tree
Framework agnostic table component for editable data experience
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.
This is a simple React component that will enable you to reorder HTML elements. You can drag any component and change their position.
A full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript.
A clean and friendly icon family for React
A React component to view a PDF document
A drag-and-drop file component for React
A reusable ColorPick EyeDropper written in React & TypeScript.
A drag-and-drop JSON Forms Builder for React
Tiny React component for drag and drop support
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.
React component library to generate the HTML emails on the fly

Drag and Drop library
This module helps to impliment drag-and-drop-swap
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
The Quill rich-text editor as a React component.
SVGR webpack loader.
Light React Drag & Drop files and images library styled by styled-components
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
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
Composable file upload component for React.
Embed your Tableau dashboards with confidence!
React component that renders Input with debounced onChange
React drag and drop library alternatie of react-beautiful-dnd
A simple React component that handles file drag and drop.
React Native clustering library using C++ Supercluster implementation
A beautiful, modern drag-and-drop puzzle CAPTCHA component for React applications
React draggable component
File management module with cloud storage, file browser, and advanced file operations
A comprehensive React component library with Material-UI integration, featuring charts, tables, forms, and interactive components
A file input (dropzone) management component for React
A lightweight attempt for solving the whole HTML5 DnD - svg tags compability issue
Add motion to your apps with a single line of code.
A React Tiling Window Manager
A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React
Implements scroll on drag
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.
Calendar! with events
Essential JS 2 FileManager Component for React
Storybook Docs: Document UI components automatically with stories and MDX
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.
Build CSV files on the fly basing on Array/literal object of data
Generated client-side file-based routes for Vite
The renoun toolkit keeps documentation polished, in sync, and on brand.
A sortable tree component for React
A file input designed for the React library MUI
Light React Drag & Drop files and images library styled by styled-components
A React component that adds pan and zoom features to SVG
Scan your React app for renders
grid style drag and drop for react
A powerful React form builder with drag-and-drop functionality and rich field types
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
SVGR command line.
'Add map like zooming and dragging to any element'
Beautiful and accessible drag and drop for lists with React
A simple yet functional GraphQL client.
Super-thin React wrapper for refractor (Syntax highlighting using VDOM)
React hook to add draggability to scrollable content easily
Sitemap generator for next.js
File explorer theme for react-sortable-tree
FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
[](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()
Drag and drop lists.
React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support
A cross browser solution to scrolling during drag and drop.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
React nested sortable component
React component wrappers around Uppy's official UI plugins.
<h1 align="center"> react-use-pointer-drag </h1>
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.
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
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
Runtime type checking for React props and similar objects.
Builder.io Visual CMS Devtools
Official library to use Popper on React projects
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
A React library for hCaptcha
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;" />
Drag and Drop Tools and Widgets for UI-Schema with Material-UI
React image gallery, react slideshow carousel, react content rotator
<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 ✨
Drag interactions made easier.
Article Paragraph
A React component for choosing dates and date ranges ported to Typescript.
Drop-in for estraverse that enables traversal over React's JSX nodes.
ESLint rules for React Hooks
Tree view component with drag and drop support using react-dnd
A React component for choosing dates and date ranges.
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
upload button component and asUploadButton HOC
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.
bedrock-layout column-drop
grid style drag and drop for react
A React component for choosing dates and date ranges.
Folder based file browser given a flat keyed list of objects, powered by React.
React native geolocation service for iOS and android
Beautiful and accessible drag and drop for lists with React
the processing and queuing engine for react-uploady
React Native iOS and Android wrapper for Amplitude
Light React Drag & Drop files and images library styled by styled-components