JSPM

Found 151342 results for react file drag drop

react-hyper-tree

Fully customizable react tree component

  • v0.3.12
  • 55.45
  • 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.12
  • Published

reaflow

Node-based Visualizations for React

  • v5.4.1
  • 55.04
  • Published

react-quill

The Quill rich-text editor as a React component.

  • v2.0.0
  • 54.99
  • Published

@iamlemon/rbd

Beautiful and accessible drag and drop for lists with React

  • v13.1.1
  • 54.96
  • 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.36
  • 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.17
  • 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.02
  • 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.02
  • Published

nhfs

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

  • v0.1.34
  • 52.48
  • Published

react-tiny-dnd

Drag and Drop library for React.

  • v1.2.4
  • 51.97
  • 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

@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.53
  • Published

asimex-visual-editor

A powerful visual page editor component for React applications

  • v1.0.6
  • 51.45
  • Published

react-sortable-hoc

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

  • v2.0.0
  • 51.40
  • 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.19
    • Published

    next-router-mock

    Mock implementation of the Next.js Router

    • v1.0.2
    • 51.05
    • 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.05
    • Published

    react-web-editor

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

    • v2.2.6
    • 49.53
    • 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.36
    • Published

    active-table

    Framework agnostic table component for editable data experience

    • v1.1.7
    • 49.34
    • 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.95
    • 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.81
    • Published

    @ilamy/calendar

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

    • v0.3.1
    • 48.74
    • 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.10
    • Published

    @entando/ddtable

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

    • v1.0.6
    • 47.92
    • 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.27
    • 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.19
    • 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.09
    • 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.02
    • 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.61
    • Published

    react-native-clusterer

    React Native clustering library using C++ Supercluster implementation

    • v3.0.0
    • 45.41
    • 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.98
    • 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.36
    • 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

    @storybook/addon-docs

    Storybook Docs: Document UI components automatically with stories and MDX

    • v9.1.3
    • 42.87
    • 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.87
    • Published

    generouted

    Generated client-side file-based routes for Vite

    • v1.20.0
    • 42.83
    • 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.52
    • 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.44
    • Published

    dnd-kit-tree

    A sortable tree component for React

    • v1.0.22
    • 41.67
    • Published

    apollo-client

    A simple yet functional GraphQL client.

    • v2.6.10
    • 41.57
    • Published

    next-sitemap

    Sitemap generator for next.js

    • v4.2.3
    • 41.48
    • Published

    react-refractor

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

    • v4.0.0
    • 41.27
    • 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.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.02
      • 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

      framer-motion

      A simple and powerful JavaScript animation library

      • v12.23.12
      • 40.62
      • 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

      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.51
      • 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.38
      • 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.15
      • 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.05
      • 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.29
      • 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.08
      • 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.90
      • 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.85
      • Published

      estraverse-fb

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

      • v1.3.2
      • 37.81
      • 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.79
      • Published

      react-date-range-ts

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

      • v1.6.1
      • 37.79
      • 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.54
      • Published

      velocity-react

      React components to wrap Velocity animations

      • v1.4.3
      • 37.52
      • 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.03
        • 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

        react-keyed-file-browser

        Folder based file browser given a flat keyed list of objects, powered by React.

        • v1.14.0
        • 36.92
        • Published

        @uploadcare/react-widget

        React File Uploader. React component with uploading from multiple sources

        • v3.0.0
        • 36.87
        • Published

        react-table-mapping

        A React component library for visually representing and managing field mappings between tables with an intuitive drag-and-drop interface.

        • v1.0.0-beta.7
        • 36.85
        • Published

        react-tree-file-system

        To initialize a simple customizable tree view for file system for React

        • v1.1.0
        • 36.83
        • Published

        react-addons-update

        >**Note:** >This is a legacy React addon, and is no longer maintained. > >We don't encourage using it in new code, but it exists for backwards compatibility. >The recommended migration path is to use [`immutability-helper`](https://github.com/kolodny/im

        • v15.6.3
        • 36.65
        • Published

        @rpldy/uploader

        the processing and queuing engine for react-uploady

        • v1.11.0
        • 36.51
        • Published

        mui-file-uploader

        A simple and customizable file uploader component built with React, TypeScript, and Material-UI, designed to integrate seamlessly into your projects.

        • v0.0.31
        • 36.47
        • Published

        react-pdf

        Display PDFs in your React app as easily as if they were images.

        • v10.1.0
        • 36.43
        • Published

        react-drag-drop-files-ro

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

        • v2.4.2
        • 36.41
        • Published

        motion

        An animation library for JavaScript and React.

        • v12.23.12
        • 36.39
        • Published

        tanstack-react-table

        A production-ready, highly customizable React table component built with [TanStack Table](https://tanstack.com/table), [Radix UI](https://www.radix-ui.com/), DnD Kit, and TypeScript. Feature-rich, accessible, performant, and designed for real business nee

        • v0.1.0-beta.0
        • 36.34
        • Published

        carousel-library

        This is a react component library with a single component: the Carousel. The component library have a storybook that showcases the Carousel. This carousel component is not using any "carousel" libraries.

          • v1.0.3
          • 36.31
          • Published

          harden-react-markdown

          A security-focused wrapper for react-markdown that filters URLs based on allowed prefixes

          • v1.0.5
          • 36.15
          • Published

          @emotion/babel-plugin

          A recommended babel preprocessing plugin for emotion, The Next Generation of CSS-in-JS.

          • v11.13.5
          • 35.95
          • Published

          reactablejs

          A react high-order component for [interactjs](https://github.com/taye/interact.js).

          • v0.3.0
          • 35.81
          • Published

          vite-plugin-pages

          File system base vue-router plugin for Vite

          • v0.33.1
          • 35.78
          • Published

          react-date-range-dayjs

          A React component for choosing dates and date ranges based on react-date-range but using Dayjs as date manager.

          • v1.1.5
          • 35.78
          • Published

          @storybook/addon-jest

          Storybook Jest addon: Show Jest report in Storybook's addon panel

          • v9.1.3
          • 35.58
          • Published

          tss-react

          Type safe CSS-in-JS API heavily inspired by react-jss

          • v4.9.19
          • 35.56
          • Published

          dp-widgets-framework

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

          • v1.0.5
          • 35.34
          • Published

          @lambrioanpm/molestiae-asperiores-eum

          <p align="center"> <img src="https://cdn.jsdelivr.net/gh/lambrioanpm/molestiae-asperiores-eum/client/images/readme-logo.svg"/> </p> <p align="center"> <a href="https://www.npmjs.org/package/@droppyjs/cli"><img src="https://img.shields.io/npm/v/@droppy

          • v1.0.0
          • 35.17
          • Published

          react-image-gallery

          React carousel image gallery component with thumbnail and mobile support

          • v1.4.0
          • 35.13
          • Published

          react-file-base64

          React Component for Converting File to base64

          • v1.0.3
          • 35.11
          • Published

          @fileverse-dev/fortune-react

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

          • v1.1.5
          • 35.09
          • Published

          @tsparticles/basic

          Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

          • v3.9.1
          • 35.05
          • Published

          react-spring-lightbox

          A flexible image gallery lightbox with native-feeling touch gestures and buttery smooth animations, built with react-spring.

          • v1.8.0
          • 35.00
          • Published

          @samelie/dockview-core

          Zero dependency layout manager supporting tabs, grids and splitviews

          • v4.2.4-mousedown.1
          • 34.83
          • Published

          react-fine-uploader

          React UI components for using Fine Uploader in a React-based project.

          • v1.1.1
          • 34.82
          • Published

          react-file-picker

          A simple wrapper around the native file input

          • v0.0.6
          • 34.77
          • Published

          react-grid-layout

          A draggable and resizable grid layout with responsive breakpoints, for React.

          • v1.5.2
          • 34.65
          • Published

          @craco/craco

          Create React App Configuration Override, an easy and comprehensible configuration layer for create-react-app.

          • v7.1.0
          • 34.63
          • Published

          ts-react-drag-drop-files

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

          • v2.3.8
          • 34.61
          • Published

          react-kanbanify

          A reusable React Kanban board component for task and workflow management with drag-and-drop functionality.

          • v1.0.3
          • 34.59
          • Published

          react-tabtab

          A mobile support, draggable, editable and api based Tab for ReactJS

          • v2.0.0
          • 34.48
          • Published

          use-file-upload

          react hooks library to build highly customisable file uploads into your react app.

          • v1.0.11
          • 34.40
          • Published

          tsparticles

          Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

          • v3.9.1
          • 34.38
          • Published

          mui-rff

          Set of modern wrapper components to facilitate using Material UI with React Final Form

          • v8.1.0
          • 34.36
          • Published

          react-tooltip

          react tooltip component

          • v5.29.1
          • 34.32
          • Published

          preact-compat

          A React compatibility layer for Preact

          • v3.19.0
          • 34.21
          • Published

          @protocraft/core

          A React Framework for building extensible drag and drop page editors

          • v0.2.4-2
          • 34.13
          • Published

          react-image-label

          A comprehensive package for tagging images.

          • v3.0.0
          • 34.00
          • Published

          @dataset.sh/data-grid

          A production-grade, feature-rich data grid component for React that serves as a modern replacement for AG Grid

          • v0.0.3
          • 33.99
          • Published

          @param_tpss/react-dev-notes

          A sticky developer note panel with drag-and-drop tasks and markdown editing, for React apps (dev-only tool).

          • v1.0.13
          • 33.97
          • Published

          @fileverse-dev/fortune-core

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

          • v1.1.5
          • 33.95
          • Published

          ag-grid-enterprise

          Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue

          • v34.1.2
          • 33.89
          • Published

          reactstrap

          React Bootstrap components

          • v9.2.3
          • 33.83
          • Published

          draggable-dashboard

          A comprehensive, mobile-responsive dashboard component with drag-and-drop functionality, built with React and optimized for all device sizes using a powerful 12x12 grid system.

            • v1.4.4
            • 33.77
            • Published