react-drag-drop-files
Light React Drag & Drop files and images library styled by styled-components
Found 151337 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
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.
Beautiful and accessible drag and drop for lists with React
A React component to sort items in lists or grids
drop zone (container) component to initiate file and folder content uploads
React tags is a fantastically simple tagging component for your React projects
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.
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
Light and customizable drag and drop list for React
A component for building file upload fields of any type.
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
React Drag Drop Upload is a lightweight library for uploading files and images with drag and drop, styled with Tailwind CSS and supporting customization.
A React Framework for building extensible drag and drop page editors
Week View Calendar for React Native
A cross browser solution to scrolling during drag and drop.
DayPilot Lite for React
Magically drag and drop files/links, built for React
Zero dependency layout manager supporting tabs, grids and splitviews
grid style drag and drop for react
Flmngr file manager UI component for React
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
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 cross browser solution to scrolling during drag and drop.
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.
`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
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.
Saas UI Dropzone Component for Chakra UI
vx drag
A simple, lightweight, and performant drag and drop library for React and vanilla JS
Drag & Drop Container in TypeScript
Light React Drag & Drop files and images library styled by styled-components
React component wrapper for range-slider-input
Beautiful and accessible drag and drop for lists with React
React bindings for Dwolla's drop-in components
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.
Simple & elegant dropzone component
[`@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.
A light-weighted and customizable React Component that handles Files Drag & Drop
Drag-and-drop sortable component for nested data and hierarchies
A set of file-upload-components with React.js.
Fully customizable react tree component
Javascript function that triggers browser to save javascript-generated content to a file
Drag and Drop library
A lock-axis version of Sortable.js, supporting fixed axis on horizontal or vertical direction.
The Quill rich-text editor as a React component.
Beautiful and accessible drag and drop for lists with React
Node-based Visualizations for React
A highly customizable, config-driven file upload component library built with React, TailwindCSS, and class-variance-authority
An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte
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
<hr/>
Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.
Active Table wrapper for React
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
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>
A React component for choosing dates and date ranges.
Drag and Drop library 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
##### 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 powerful visual page editor component for React applications
Set of higher-order components to turn any list into a sortable, touch-friendly, animated list
A drag-and-drop JSON Forms Builder for React
A highly customizable, accessible, and config-driven file upload component library built with React, TypeScript, and Tailwind CSS.
Mock implementation of the Next.js Router
textarea component for React which grows with content
A combined implementation of react-dropzone and react-cropper
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
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.
ClayDropDown component
HOC that displays a file upload on clicking children
Dropping & uploading files with DraftJS
A multi-tab docking layout manager
drag list ui component for react
Framework agnostic table component for editable data experience
A handy FilePond adapter component for React
Full node drag theme for react-sortable-tree
React component to render svg file icons
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 React Tiling Window Manager
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 Simple WYSIWYG editor for react users, includes simple rich text editor
A dictionary of file extensions and associated module loaders.
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
A React component to view a PDF document
React draggable component
react components used to render drag and drop tables in Entando projects
A reusable ColorPick EyeDropper written in React & TypeScript.
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.

The Quill rich-text editor as a React component.
Drag and Drop library
Embed your Tableau dashboards with confidence!
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
React component for drop-to-upload
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.
This module helps to impliment drag-and-drop-swap
A react library which adds drag to select to your app
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
Composable file upload component for React.
Tiny React component for drag and drop support
SVGR webpack loader.
React drag and drop library alternatie of react-beautiful-dnd
React component that renders Input with debounced onChange
React Native clustering library using C++ Supercluster implementation
A file input (dropzone) management component for React
A React component for choosing dates and date ranges.
A lightweight attempt for solving the whole HTML5 DnD - svg tags compability issue
File management module with cloud storage, file browser, and advanced file operations
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
A drag-and-drop file component for React
A simple React component that handles file drag and drop.
Implements scroll on drag
Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.
Calendar! with events
Essential JS 2 FileManager Component for React
The renoun toolkit keeps documentation polished, in sync, and on brand.
Storybook Onboarding: Help new users learn how to write stories
A beautiful, modern drag-and-drop puzzle CAPTCHA component for React applications
Beautiful and accessible drag and drop for lists with React
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.
Storybook Docs: Document UI components automatically with stories and MDX
Generated client-side file-based routes for Vite
A file input designed for the React library MUI
Build CSV files on the fly basing on Array/literal object of data
Scan your React app for renders
Beautiful and accessible drag and drop for lists with React
grid style drag and drop for react
SVGR command line.
A React component that adds pan and zoom features to SVG
A powerful React form builder with drag-and-drop functionality and rich field types
A sortable tree component for React
'Add map like zooming and dragging to any element'
A simple yet functional GraphQL client.
Sitemap generator for next.js
File explorer theme for react-sortable-tree
[](https://www.npmjs.com/package/chem-generic-ui) [](https://www.npmjs.com/package/chem-generic-ui) [
A React component used hooks that allows you to select elements in the drag area using the mouse
React hook to add draggability to scrollable content easily
Drag and Drop sortable list for React
Harness the power of Intersection Observers for simple list virtualization in React
react-drag-n-drop-image
React wrapper for the SimpleFileUpload web component
Draggable react drawer
FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
A comprehensive React rich text editor component with image upload, resize functionality, and standalone CSS. Ready for NPM publishing.
Flattens React children and fragments to an array with predictable and stable keys
A React component for choosing dates and date ranges.
React nested sortable component
FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets
React Drop-in Payment UI Component
A simple and powerful JavaScript animation library
Modern and scalable routing for React applications
Drag and drop lists.
<h3 align="center">Any draggable layout supported based muuri for react.</h3>
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
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.
React component wrappers around Uppy's official UI plugins.
Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
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.
Interactive React component that displays events in a beautiful horizontal timeline format.
bedrock-layout column-drop
A React library for hCaptcha
Official library to use Popper on React projects
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
Make list like component sortable
Builder.io Visual CMS Devtools
A React component for choosing dates and date ranges.
Drag-and-drop sortable component for nested data and hierarchies
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
A Payload plugin that allows dragging to order your collections in the Payload admin panel.
React image gallery, react slideshow carousel, react content rotator
A React component with the bottom sheet experience we have for native mobile applications, but for web ✨
Runtime type checking for React props and similar objects.
Tree view component with drag and drop support using react-dnd
ESLint rules for React Hooks
Drop-in for estraverse that enables traversal over React's JSX nodes.
A React component for choosing dates and date ranges ported to Typescript.
<h1 align="center"> react-use-pointer-drag </h1>
Drag and Drop Tools and Widgets for UI-Schema with Material-UI
Article Paragraph
A fully customizable and extensible React editor built on TipTap with drag-and-drop images, complete TypeScript support, and modern UI components
`ReactUploadify` is a flexible npm package that simplifies the process of uploading images from a user's device to a web browser. It offers a set of components and utilities to manage image uploads effectively within React applications.
React components to wrap Velocity animations
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Drag interactions made easier.
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.
A React component for choosing dates and date ranges.
upload button component and asUploadButton HOC
React wrapper for @smooth-dnd
React native geolocation service for iOS and android
grid style drag and drop for react
🚀 A production-ready React dropzone component with smart defaults, drag & drop reordering, chunked uploads, resume functionality, and comprehensive provider support (Cloudinary, AWS S3, Supabase)
Calendar! with events
Beautiful and accessible drag and drop for lists with React