JSPM

Found 151337 results for react file drag drop

react-drag-drop-files

Light React Drag & Drop files and images library styled by styled-components

  • v3.1.0
  • 153.66
  • Published

sortablejs

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.

  • v1.15.6
  • 144.73
  • Published

react-file-drop

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

  • v3.1.6
  • 124.95
  • Published

json-edit-react

React component for editing or viewing JSON/object data

  • v1.28.2
  • 104.09
  • Published

react-dnd-accessible-backend

An add-on backend for react-dnd that provides support for keyboards and screenreaders by default.

  • v2.1.0
  • 93.98
  • Published

react-drag-listview

drag list view and table view component for react

  • v2.0.0
  • 93.46
  • Published

@hello-pangea/dnd

Beautiful and accessible drag and drop for lists with React

  • v18.0.1
  • 92.52
  • Published

react-list-drag-and-drop

**This package has not been tested on mobile browsers or React Native. SORRY!**

  • v0.9.2
  • 86.43
  • Published

@visx/drag

visx drag

  • v3.12.0
  • 86.26
  • Published

react-csv-importer

React CSV import widget with user-customizable mapping

  • v0.8.1
  • 84.49
  • Published

react-date-range

A React component for choosing dates and date ranges.

  • v2.0.1
  • 81.62
  • Published

react-easy-sort

A React component to sort items in lists or grids

  • v1.6.0
  • 81.19
  • Published

@rpldy/upload-drop-zone

drop zone (container) component to initiate file and folder content uploads

  • v1.11.0
  • 79.36
  • Published

react-tag-input

React tags is a fantastically simple tagging component for your React projects

  • v6.10.6
  • 78.40
  • Published

@yunusemrejs/drag-drop-content-types-strapi5

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.

  • v1.0.11
  • 77.16
  • Published

dockview-core

Zero dependency layout manager supporting tabs, grids and splitviews

  • v4.7.1
  • 76.13
  • Published

react-resizable-layout

Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.

  • v0.7.2
  • 75.25
  • Published

@measured/puck

The open-source visual editor for React

  • v0.20.1
  • 73.67
  • Published

react-dnd-list

Light and customizable drag and drop list for React

  • v1.2.3
  • 73.40
  • Published

react-butterfiles

A component for building file upload fields of any type.

  • v1.3.3
  • 73.11
  • Published

react-drag-sortable

React drag & drop highly customizable sortable list component

  • v1.0.6
  • 71.75
  • Published

dockview

Zero dependency layout manager supporting tabs, grids and splitviews

  • v4.7.1
  • 70.42
  • Published

wx-react-gantt

SVAR Gantt for React - customizable, interactive Gantt chart component

  • v1.3.1
  • 69.23
  • Published

emblor

A full featured, unstyled tag input component for React

  • v1.4.8
  • 68.74
  • Published

react-drag-drop-files-myv

Light React Drag & Drop files and images library styled by styled-components

  • v2.3.16
  • 66.70
  • Published

react-reorder

Drag & drop, touch enabled, reorderable / sortable list, React component

  • v3.0.0-alpha.7
  • 66.48
  • Published

react-dnd-scrolling

A cross browser solution to scrolling during drag and drop.

  • v1.3.10
  • 65.50
  • Published

@cubone/react-file-manager

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

  • v1.26.1
  • 65.47
  • Published

react-drag-drop-upload

React Drag Drop Upload is a lightweight library for uploading files and images with drag and drop, styled with Tailwind CSS and supporting customization.

    • v0.0.9
    • 65.40
    • Published

    @craftjs/core

    A React Framework for building extensible drag and drop page editors

    • v0.2.12
    • 65.10
    • Published

    react-magic-dropzone

    Magically drag and drop files/links, built for React

    • v1.0.1
    • 63.07
    • Published

    dockview-react

    Zero dependency layout manager supporting tabs, grids and splitviews

    • v4.7.1
    • 62.76
    • Published

    react-grid-dnd

    grid style drag and drop for react

    • v2.1.2
    • 61.92
    • Published

    @valikwp/react-file-manager

    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

    • v2.10.44
    • 61.74
    • Published

    sirv-uploader-lib

    Reusable React component to upload files to Sirv.com

      • v1.0.49
      • 61.04
      • Published

      react-big-schedule

      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

      • v5.1.0
      • 60.85
      • Published

      react-dnd-scrollzone

      A cross browser solution to scrolling during drag and drop.

      • v5.0.0
      • 60.23
      • Published

      shadcn-file-upload

      A versatile, customizable file upload component for React, built with shadcn/ui and react-dropzone

      • v1.0.2
      • 60.17
      • Published

      @s-ui/react-molecule-photo-uploader

      `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.

      • v2.37.0
      • 59.82
      • Published

      markdown-web

      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.

      • v2.15.1
      • 59.03
      • Published

      @vx/drag

      vx drag

      • v0.0.199
      • 58.66
      • Published

      snapdrag

      A simple, lightweight, and performant drag and drop library for React and vanilla JS

      • v0.8.9
      • 58.28
      • Published

      aligned-rbd

      Beautiful and accessible drag and drop for lists with React

      • v13.0.0-aligned0.0.3mod
      • 57.52
      • Published

      react-media-library

      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.

      • v2.0.3
      • 57.31
      • Published

      react-drop-zone

      Simple & elegant dropzone component

      • v4.3.3
      • 57.01
      • Published

      @alpernative/tree

      [`@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.

      • v0.1.4
      • 56.84
      • Published

      react-datagrid-component

      A powerful, customizable data grid component built with React, TypeScript, and TanStack Table v8

      • v1.0.6
      • 55.99
      • Published

      @qwik.dev/partytown

      Relocate resource intensive third-party scripts off of the main thread and into a web worker.

      • v0.11.2
      • 55.85
      • Published

      react-sortable-tree

      Drag-and-drop sortable component for nested data and hierarchies

      • v2.8.0
      • 55.70
      • Published

      react-hyper-tree

      Fully customizable react tree component

      • v0.3.12
      • 55.46
      • Published

      js-file-download

      Javascript function that triggers browser to save javascript-generated content to a file

      • v0.4.12
      • 55.21
      • Published

      sortable-axis

      A lock-axis version of Sortable.js, supporting fixed axis on horizontal or vertical direction.

      • v1.0.0
      • 55.13
      • Published

      react-quill

      The Quill rich-text editor as a React component.

      • v2.0.0
      • 55.00
      • Published

      @iamlemon/rbd

      Beautiful and accessible drag and drop for lists with React

      • v13.1.1
      • 54.97
      • Published

      reaflow

      Node-based Visualizations for React

      • v5.4.1
      • 54.84
      • Published

      dudu-file-upload-components

      A highly customizable, config-driven file upload component library built with React, TailwindCSS, and class-variance-authority

      • v0.1.31
      • 54.37
      • Published

      fluid-dnd

      An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte

      • v2.6.2
      • 54.18
      • Published

      react-dragster

      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

      • v1.1.5
      • 54.03
      • Published

      @innei/react-resizable-layout

      Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.

      • v0.7.3-fork.1
      • 53.78
      • Published

      react-files-preview

      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

      • v3.0.0
      • 53.26
      • Published

      react-trello

      Pluggable components to add a trello like kanban board to your application

      • v2.2.11
      • 53.01
      • Published

      nhfs

      NHFS — A sleek HTTP file server for the web built with Next.js and HeroUI. (Alpha)

      • v0.1.34
      • 52.48
      • Published

      @jahez-js/react-beautiful-dnd-forked

      <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>

      • v13.1.1
      • 51.79
      • Published

      react-tiny-dnd

      Drag and Drop library for React.

      • v1.2.4
      • 51.74
      • Published

      @s-ui/react-atom-upload

      AtomUpload is a component that handles the file selection (via click or drag & drop) and displays the different statuses of the uploading process

      • v3.12.0
      • 51.73
      • Published

      @realzero_cha/dynamic-list

      ##### 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.

      • v1.0.9
      • 51.55
      • Published

      asimex-visual-editor

      A powerful visual page editor component for React applications

      • v1.0.6
      • 51.46
      • Published

      react-sortable-hoc

      Set of higher-order components to turn any list into a sortable, touch-friendly, animated list

      • v2.0.0
      • 51.41
      • Published

      @drag-ui/drag-ui

      A highly customizable, accessible, and config-driven file upload component library built with React, TypeScript, and Tailwind CSS.

        • v0.1.9
        • 51.20
        • Published

        next-router-mock

        Mock implementation of the Next.js Router

        • v1.0.2
        • 51.06
        • Published

        apollo-upload-client

        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

        • v19.0.0
        • 50.73
        • Published

        react-file-dropzone

        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.

        • v0.4.1
        • 50.62
        • Published

        @navjobs/upload

        HOC that displays a file upload on clicking children

        • v3.2.0
        • 50.06
        • Published

        flexlayout-react

        A multi-tab docking layout manager

        • v0.8.17
        • 49.42
        • Published

        react-drag-list

        drag list ui component for react

        • v1.1.0
        • 49.37
        • Published

        active-table

        Framework agnostic table component for editable data experience

        • v1.1.7
        • 49.33
        • Published

        react-filepond

        A handy FilePond adapter component for React

        • v7.1.3
        • 49.29
        • Published

        react-file-icon

        React component to render svg file icons

        • v1.6.0
        • 49.03
        • Published

        @timluo465/sortablejs

        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.

        • v1.0.1
        • 48.94
        • Published

        react-drag-reorder

        This is a simple React component that will enable you to reorder HTML elements. You can drag any component and change their position.

        • v1.2.0
        • 48.82
        • Published

        @ilamy/calendar

        A full-featured React calendar component library built with Shadcn-Ui, Tailwind CSS, and TypeScript.

        • v0.3.1
        • 48.75
        • Published

        react-web-editor

        A Simple WYSIWYG editor for react users, includes simple rich text editor

        • v2.2.6
        • 48.75
        • Published

        interpret

        A dictionary of file extensions and associated module loaders.

        • v3.1.1
        • 48.56
        • Published

        react-image-file-resizer

        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.

        • v0.4.8
        • 48.52
        • Published

        drag-react

        React draggable component

        • v1.1.1
        • 48.09
        • Published

        @entando/ddtable

        react components used to render drag and drop tables in Entando projects

        • v1.0.6
        • 47.93
        • Published

        react-eyedrop

        A reusable ColorPick EyeDropper written in React & TypeScript.

        • v5.5.1
        • 47.78
        • Published

        di-widgets-framework

        A React framework for creating customizable widget dashboards with drag-and-drop functionality

        • v1.3.1
        • 47.77
        • Published

        dockview-vue

        Zero dependency layout manager supporting tabs, grids and splitviews

        • v4.7.1
        • 47.43
        • Published

        shadcn-dropzone

        Ready to use File Upload Dropzone component, built with shadcn/ui and react-dropzone.

        • v0.2.1
        • 47.29
        • Published

        @dabeng/react-orgchart

        ![OrgChart](http://dabeng.github.io/OrgChart/img/heading.svg)

        • v1.0.3
        • 47.14
        • Published

        react-quill-new

        The Quill rich-text editor as a React component.

        • v3.6.0
        • 46.52
        • Published

        @faire/mjml-react

        React component library to generate the HTML emails on the fly

        • v3.5.2
        • 46.26
        • Published

        react-window-sortable

        React Window Sortable is an HOC for react-window that allows drag and drop sorting of lists

        • v1.4.12
        • 46.20
        • Published

        sortablejs-make

        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.

        • v1.0.1
        • 46.10
        • Published

        @aavanamkit/designer

        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

        • v1.0.26
        • 46.03
        • Published

        uplofile

        Composable file upload component for React.

        • v0.1.3
        • 45.96
        • Published

        react-debounce-input

        React component that renders Input with debounced onChange

        • v3.3.0
        • 45.62
        • Published

        react-native-clusterer

        React Native clustering library using C++ Supercluster implementation

        • v3.0.0
        • 45.42
        • Published

        react-files

        A file input (dropzone) management component for React

        • v3.0.3
        • 45.25
        • Published

        react-dnd-mouse-backend

        A lightweight attempt for solving the whole HTML5 DnD - svg tags compability issue

        • v1.0.0-rc.2
        • 44.97
        • Published

        @syncfusion/ej2-react-splitbuttons

        A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React

        • v30.2.4
        • 44.54
        • Published

        @legendapp/list

        Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.

        • v1.1.4
        • 44.14
        • Published

        renoun

        The renoun toolkit keeps documentation polished, in sync, and on brand.

        • v9.4.1
        • 43.40
        • Published

        drag-puzzle-captcha

        A beautiful, modern drag-and-drop puzzle CAPTCHA component for React applications

        • v1.4.1
        • 42.97
        • Published

        react-addons-css-transition-group

        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.

        • v15.6.2
        • 42.88
        • Published

        @storybook/addon-docs

        Storybook Docs: Document UI components automatically with stories and MDX

        • v9.1.3
        • 42.88
        • Published

        generouted

        Generated client-side file-based routes for Vite

        • v1.20.0
        • 42.84
        • Published

        mui-file-input

        A file input designed for the React library MUI

        • v7.0.0
        • 42.59
        • Published

        react-csv

        Build CSV files on the fly basing on Array/literal object of data

        • v2.2.2
        • 42.55
        • Published

        react-scan

        Scan your React app for renders

        • v0.4.3
        • 42.53
        • Published

        @svgr/cli

        SVGR command line.

        • v8.1.0
        • 42.46
        • Published

        react-svg-pan-zoom

        A React component that adds pan and zoom features to SVG

        • v3.13.1
        • 42.43
        • Published

        dnd-kit-tree

        A sortable tree component for React

        • v1.0.22
        • 41.68
        • Published

        apollo-client

        A simple yet functional GraphQL client.

        • v2.6.10
        • 41.58
        • Published

        next-sitemap

        Sitemap generator for next.js

        • v4.2.3
        • 41.48
        • Published

        chem-generic-ui

        [![npm version](https://img.shields.io/npm/v/chem-generic-ui)](https://www.npmjs.com/package/chem-generic-ui) [![Downloads](https://img.shields.io/npm/dm/chem-generic-ui)](https://www.npmjs.com/package/chem-generic-ui) [![DOI](https://zenodo.org/badge/DOI

          • v2.0.0
          • 41.28
          • Published

          react-refractor

          Super-thin React wrapper for refractor (Syntax highlighting using VDOM)

          • v4.0.0
          • 41.27
          • Published

          react-selectable-box

          A React component used hooks that allows you to select elements in the drag area using the mouse

          • v1.10.0
          • 41.17
          • Published

          use-draggable-scroll

          React hook to add draggability to scrollable content easily

          • v0.1.0
          • 41.10
          • Published

          react-sort-list

          Drag and Drop sortable list for React

          • v2.1.2
          • 41.04
          • Published

          react-render-if-visible

          Harness the power of Intersection Observers for simple list virtualization in React

          • v2.1.1
          • 41.03
          • Published

          @fortune-sheet/react

          FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

          • v1.0.2
          • 40.77
          • Published

          dz-rich-text-editor

          A comprehensive React rich text editor component with image upload, resize functionality, and standalone CSS. Ready for NPM publishing.

          • v3.0.0
          • 40.76
          • Published

          silq-react-date-range

          A React component for choosing dates and date ranges.

          • v2.4.1
          • 40.64
          • Published

          @fortune-sheet/core

          FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

          • v1.0.2
          • 40.53
          • Published

          framer-motion

          A simple and powerful JavaScript animation library

          • v12.23.12
          • 40.46
          • Published

          ruuri

          <h3 align="center">Any draggable layout supported based muuri for react.</h3>

          • v2.1.0
          • 39.57
          • Published

          react-video-editor

          This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

          • v1.0.2
          • 39.50
          • Published

          react-dropzone-uploader

          React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support

          • v2.11.0
          • 39.48
          • Published

          react-dnd-scrolling-19

          A cross browser solution to scrolling during drag and drop.

          • v0.0.3
          • 39.28
          • Published

          @uppy/react

          React component wrappers around Uppy's official UI plugins.

          • v5.0.2
          • 39.23
          • Published

          @gsap/react

          Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()

          • v2.1.2
          • 39.15
          • Published

          @ncdai/react-wheel-picker

          iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.

          • v1.0.15
          • 39.14
          • Published

          @copilotkit/shared

          <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

          • v1.10.3
          • 39.06
          • Published

          dotenv-mono

          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.

          • v1.5.0
          • 39.01
          • Published

          react-popper

          Official library to use Popper on React projects

          • v2.3.0
          • 38.36
          • Published

          react-dropzone

          Simple HTML5 drag-drop zone with React.js

          • v14.3.8
          • 38.31
          • Published

          @moontra/moonui-pro

          Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components

          • v2.25.0
          • 38.30
          • Published

          @copilotkit/react-core

          <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

          • v1.10.3
          • 38.09
          • Published

          react-alice-carousel

          React image gallery, react slideshow carousel, react content rotator

          • v2.9.1
          • 37.99
          • Published

          react-draggable-bottom-sheet

          A React component with the bottom sheet experience we have for native mobile applications, but for web ✨

          • v1.17.0
          • 37.91
          • Published

          prop-types

          Runtime type checking for React props and similar objects.

          • v15.8.1
          • 37.89
          • Published

          react-dnd-treeview

          Tree view component with drag and drop support using react-dnd

          • v0.4.1
          • 37.86
          • Published

          estraverse-fb

          Drop-in for estraverse that enables traversal over React's JSX nodes.

          • v1.3.2
          • 37.82
          • Published

          react-date-range-ts

          A React component for choosing dates and date ranges ported to Typescript.

          • v1.6.1
          • 37.79
          • Published

          @ui-schema/material-dnd

          Drag and Drop Tools and Widgets for UI-Schema with Material-UI

          • v0.0.17
          • 37.79
          • Published

          react-richtext-tiptap

          A fully customizable and extensible React editor built on TipTap with drag-and-drop images, complete TypeScript support, and modern UI components

          • v1.0.2
          • 37.64
          • Published

          react-uploadify

          `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.

          • v0.0.3
          • 37.55
          • Published

          velocity-react

          React components to wrap Velocity animations

          • v1.4.3
          • 37.53
          • Published

          @copilotkit/react-ui

          <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

          • v1.10.3
          • 37.47
          • Published

          react-use-drag

          Drag interactions made easier.

          • v0.3.2
          • 37.46
          • Published

          react-addons-transition-group

          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.

          • v15.6.2
          • 37.44
          • Published

          react-grid-drag

          grid style drag and drop for react

            • v1.0.0
            • 37.04
            • Published

            smart-dropzone-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)

            • v0.1.3
            • 36.98
            • Published