JSPM

Found 151554 results for react image loader

@agney/react-loading

<h2 align="center">React Loading</h2> <p align="center"> Simple and Accessible loading indicators with React. <br /> <br /> <a href="https://www.npmjs.com/package/@agney/react-loading"> <img src="https://badge.fury.io/js/%40agney%2Freact-loading.svg" />

  • v0.1.2
  • 38.13
  • Published

imtool

Client-side canvas-based image manipulation library.

  • v1.2.1
  • 38.05
  • Published

react-joyride

Create guided tours for your apps

  • v2.9.3
  • 38.05
  • Published

craco-raw-loader

A craco plugin to use raw-loader with create-react-app

    • v1.0.2
    • 38.04
    • Published

    use-image-color

    Grab color palette from any image using React hooks

      • v0.0.9
      • 38.01
      • Published

      react-css-modules

      Seamless mapping of class names to CSS modules inside of React components.

      • v4.7.11
      • 37.95
      • Published

      react-url-loader

      a file-loader for React that solve the image relative path issues when HTML and CSS not in the same directory

      • v0.0.5
      • 37.94
      • Published

      harden-react-markdown

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

      • v1.0.5
      • 37.87
      • Published

      react-native-animatable

      Easy to use declarative transitions and animations for React Native

      • v1.4.0
      • 37.76
      • Published

      paralax-image

      A simple React component to display a parallax image.

      • v0.2.17
      • 37.67
      • Published

      react-extract-colors

      A react component to extract dominant colors from an image

      • v1.5.1
      • 37.64
      • Published

      react-star-ratings

      A customizable star rating component for selecting x stars or visualizing x stars

      • v2.3.0
      • 37.51
      • Published

      react-img-placeholder

      There are no external dependencies, aside for a version of react and react-dom which support hooks.

      • v0.1.5
      • 37.29
      • Published

      next-seo

      SEO plugin for Next.js projects

      • v6.8.0
      • 37.25
      • Published

      @measured/puck

      The open-source visual editor for React

      • v0.20.1
      • 37.11
      • Published

      @nutrient-sdk/viewer

      View and annotate PDF files in your web app. Full support for mobile and desktop. Runs in the browser using WASM.

      • v1.6.0
      • 36.82
      • Published

      pure-react-carousel-thumbs

      A simple carousel with no other dependencies with thumbnails. A simple, customizable carousel component for React applications. A customizable React carousel component with support for thumbnails, autoplay, swiping, and more.

      • v1.0.6
      • 36.64
      • Published

      react-content-shimmer

      Content Shimmer to easily create placeholder loading, image loading, card loading, etc .., free to change the colors, speed, sizes, radius and shadow also have few deafult Loding Componets to use. (CardShimmer,ProfileShimmer,SocialShimmer,BulletListShimme

      • v2.2.6
      • 36.63
      • Published

      @ag-grid-enterprise/core

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

      • v32.3.9
      • 36.48
      • Published

      react-carousel-minimal

      Responsive, minimal and customizable Carousel Component for React Projects.

      • v1.4.1
      • 36.37
      • Published

      react-images

      A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS

      • v1.2.0-beta.7
      • 36.22
      • Published

      @rpldy/upload-preview

      preview component to show image or video being uploaded

      • v1.11.0
      • 36.20
      • Published

      recoil-nexus

      A small Typescript package to access your Recoil atoms outside of React components.

      • v0.5.1
      • 35.95
      • Published

      @bytescale/upload-widget-react

      React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐

      • v4.19.0
      • 35.95
      • Published

      react-film

      React component for showing carousel just like a film strip

      • v4.0.0
      • 35.81
      • Published

      @chakra-ui/slider

      Accessible slider component for React that implements <input type=range>

      • v2.1.0
      • 35.80
      • Published

      @udisc/remix-image

      A React component for responsive images in Remix

      • v1.6.0
      • 35.74
      • Published

      react-imageloader

      A React component for wrangling image loading

      • v3.0.0
      • 35.33
      • Published

      lightbox.js-react

      React lightbox with animation and customization options

      • v1.6.2
      • 35.32
      • Published

      @ozdemircibaris/react-image-editor

      Professional React image editor component with blur, crop, shapes, drawing, and undo/redo functionality. Built with Fabric.js and modern React patterns.

      • v1.1.1
      • 35.20
      • Published

      @tsparticles/slim

      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.18
      • Published

      react-shimmer

      React Image (Suspense-like) Loader component that simulates a shimmer effect

      • v3.2.0
      • 35.13
      • Published

      @peacechen/react-image-file-resizer

      React module that rescales local images. You can change image's width, height, format, rotation and quality. It returns resized image's new base64 URI, Blob, or File. The URI can be used as the source of an <Image> component.

      • v1.0.0
      • 35.09
      • Published

      tailwindcss-radix

      Utilities and variants for styling Radix state

      • v4.0.2
      • 34.97
      • Published

      @carbon/react

      React components for the Carbon Design System

      • v1.90.0
      • 34.86
      • Published

      mui-image-slider

      Image Slider for React using Material-UI

      • v1.0.10
      • 34.85
      • Published

      react-photo-editor

      React component and hook for image editing, offering controls for brightness, contrast, saturation, and grayscale, along with features to rotate, flip, pan, draw, and zoom photos.

      • v3.0.0
      • 34.68
      • Published

      react-image-label

      A comprehensive package for tagging images.

      • v3.0.0
      • 34.61
      • Published

      pretty-proptypes

      prettily render prop types from react components

      • v1.7.0
      • 34.60
      • Published

      react-image-grid-gallery

      A simple image gallery with lightbox for displaying a grid of images in React apps

      • v3.1.2
      • 34.55
      • Published

      @carbon/styles

      Styles for the Carbon Design System

      • v1.89.0
      • 34.52
      • Published

      simple-image-magnifier

      Image Magnifier JavaScript (Typescript) | Image Zoom on Hover using | Image Hover Effect

      • v1.1.4
      • 34.51
      • Published

      cloudflare-image

      A React component that aims to take advantage of [Cloudflare Image](https://developers.cloudflare.com/images/transform-images/transform-via-url/) without an object storage.

      • v1.0.5
      • 34.49
      • Published

      react-img-mapper

      React Component to highlight interactive zones in images

      • v2.0.0
      • 34.46
      • Published

      react-native-fullwidth-image

      A responsive Image element that takes the full width of its parent element while maintaining aspect ratio.

      • v0.1.3
      • 34.41
      • Published

      @lunit/insight-viewer

      Based on the cornerstone library, it provides several components for handling Dicom images

      • v7.2.2
      • 34.30
      • Published

      next-image-zoom

      Medium.com style image zoom for nextjs

      • v1.1.7
      • 34.27
      • Published

      multi-range-slider-react

      Simple component to select range values from slider. React component that return two value minValue and maxValue by event onInput/onChange.

      • v2.0.7
      • 34.21
      • Published

      react-image-timeline

      An image-centric timeline component for React.js. View chronological events in a pleasant way.

      • v3.2.13
      • 34.17
      • Published

      classnames-loader

      Webpack loader to automatically bind css-modules to classnames

      • v2.1.0
      • 34.13
      • Published

      terra-aggregate-translations

      The terra-aggregate-translations pre-build tool assists with creating the translation, intl loader and translation loader files that are configured for the specified locales. This tool is offered as a CLI script and as a setup function.

      • v1.12.0
      • 33.97
      • Published

      rmwc

      RMWC is a React UI Kit built on Google's official Material Components Web library.

      • v14.3.5
      • 33.89
      • Published

      add-to-calendar-button

      A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.

      • v2.10.0
      • 33.87
      • Published

      reactjs-image-zoom

      A react image component which zoom the image in the viewport of the website.

      • v1.0.8
      • 33.84
      • Published

      react-lazy-load

      Simple lazy loading component built with react

      • v4.0.1
      • 33.81
      • Published

      next-react-svg

      Transform your svg image to a React component.

      • v1.2.0
      • 33.74
      • Published

      react-file-icon

      React component to render svg file icons

      • v1.6.0
      • 33.71
      • Published

      evokit-image

      Used to display the image

      • v3.2.0
      • 33.68
      • Published

      react-pixels

      Pixels.js Adapter for React (https://silvia-odwyer.github.io/pixels.js/)

      • v0.5.9
      • 33.68
      • Published

      react-google-button

      [![NPM version][npm-image]][npm-url] [![Build Status][build-status-image]][build-status-url] [![Coverage][coverage-image]][coverage-url] [![License][license-image]][license-url] [![Code Style][code-style-image]][code-style-url]

      • v0.8.0
      • 33.63
      • Published

      @lidofinance/loaders

      React components for Lido Finance projects. Part of [Lido UI Components](https://github.com/lidofinance/ui/#readme)

      • v1.6.0
      • 33.62
      • Published

      jsoneditor-react18

      React implementation of https://github.com/josdejong/jsoneditor

      • v0.5.0
      • 33.42
      • Published

      react-imager

      simple image loader writen in react

      • v1.1.0
      • 33.42
      • Published

      react-upload-gallery

      [![npm](https://img.shields.io/npm/v/react-upload-gallery.svg)](https://www.npmjs.com/package/react-upload-gallery) [![license](https://img.shields.io/npm/l/react-upload-gallery.svg)](LICENSE) [![Build Status](https://travis-ci.org/m-inan/react-upload-gal

      • v0.4.1
      • 33.37
      • Published

      react-easy-crop

      A React component to crop images/videos with easy interactions

      • v5.5.0
      • 33.33
      • Published

      @alekpr/react-image-crop-uploader

      A comprehensive React image upload component with modal-based cropping capabilities and selective upload support

      • v1.1.0
      • 33.32
      • Published

      @uploadcare/react-widget

      React File Uploader. React component with uploading from multiple sources

      • v3.0.0
      • 33.27
      • Published

      fix-image-rotation

      Rotates the given image based on the EXIF values

      • v2.0.0
      • 33.27
      • Published

      react-masonry-css

      React Masonry component leveraging CSS to be fast and responsive

      • v1.0.16
      • 33.19
      • Published

      react-native-camera

      A Camera component for React Native. Also reads barcodes.

      • v4.2.1
      • 33.19
      • Published

      react-image-color-picker

      The react-image-color-picker is a powerful and versatile eye-dropper React component that enables users to easily select colors from an image. It provides an intuitive and interactive interface for color picking, zooming, and previewing, making it ideal f

      • v1.3.4
      • 33.16
      • Published

      react-cloudimage-responsive

      Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.

      • v3.6.5
      • 33.15
      • Published

      scanbot-web-sdk

      Scanbot Web Document and Barcode Scanner SDK

      • v7.2.0
      • 33.14
      • Published

      react-spinners

      A collection of react loading spinners

      • v0.17.0
      • 33.08
      • Published

      react-gravatar

      React component for rendering a gravatar profile image

      • v2.6.3
      • 33.06
      • Published

      react-awesome-slider

      React Awesome Slider is a 60fps performant, extendable, highly customisable, production ready React Component that renders a media (image/video) gallery slider carousel.

      • v4.1.0
      • 33.03
      • 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
      • 33.01
      • Published

      ink-spinner

      Spinner component for Ink

      • v5.0.0
      • 32.97
      • Published

      macaly-tagger

      A webpack loader that adds location metadata to JSX elements for development debugging

      • v1.0.1
      • 32.94
      • Published

      @chakra-ui/spinner

      A React component for displaying spinners and loaders

      • v2.1.0
      • 32.91
      • Published

      react-native-css-loader

      You can use react-native-css-loader width react-native-webpack-server, which can use webpack to built react-native app better.

      • v1.0.2
      • 32.88
      • Published

      react-loading-overlay-nextgen

      Loading overlays with fade, spinner, message support. Updated for compatibility with React 17. Forked from https://github.com/derrickpelletier/react-loading-overlay - which does not appear to be maintained at this point.

      • v1.2.9
      • 32.64
      • Published

      ldrs

      Minimalist loading animations for React and web components

      • v1.1.7
      • 32.57
      • Published

      expo-image-editor

      A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!

      • v1.7.1
      • 32.45
      • Published

      react-script-hook

      React hook to dynamically load an external script and know when its loaded

      • v1.7.2
      • 32.34
      • Published

      @wwimmo/react-native-sketch-canvas

      react-native-sketch-canvas allows you to draw / sketch on both iOS and Android devices and sync the drawing data between users. Of course you can save as image.

      • v0.8.6
      • 32.25
      • 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
      • 32.17
      • Published

      @copilotkit/runtime-client-gql

      <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
      • 32.17
      • Published

      react-image-fade-in

      Simple, no frills, component for fading in images. Just pass it a src prop.

      • v1.1.3
      • 32.14
      • Published

      react-auth-code-input

      One-time password (OTP) React input component, uncontrolled, zero dependencies, fully tested.

      • v3.2.1
      • 32.11
      • Published

      react-preview-image

      is a react component that shows the image, built for mobile web app

      • v1.0.5
      • 32.08
      • 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
      • 32.08
      • Published

      rn-progress-loader

      The React Native Native iOS and Android progress indicator (spinner) which acts like an overlay. For those who have issues in iPhoneX while using both Modal and ActivityIndicator, I've made it optional

      • v1.0.8
      • 32.06
      • Published

      @terrylinla/react-native-sketch-canvas

      react-native-sketch-canvas allows you to draw / sketch on both iOS and Android devices and sync the drawing data between users. Of course you can save as image.

      • v0.8.0
      • 32.02
      • Published

      next-qrcode

      React hooks for generating QR code for your next React apps.

      • v2.5.1
      • 32.00
      • Published

      @copilotkit/runtime

      <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
      • 31.96
      • Published

      react-hot-ts

      React HMR support for Typescript as AST transformer

      • v0.7.3
      • 31.92
      • Published

      @agility/nextjs

      Agility CMS support for NextJS 14 and Next Image

      • v15.0.7
      • 31.85
      • Published

      @tsparticles/all

      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
      • 31.82
      • Published

      react-document-crop

      React component performing crop, border detection, perspective correction and simple image filters over a provided image 📲 📸

      • v0.3.2
      • 31.82
      • Published

      react-konva-utils

      Useful components and hooks for react-konva

        • v1.1.3
        • 31.77
        • Published

        react-uncached-image

        React image component that bypasses caching using query param cache busting.

        • v1.1.9
        • 31.74
        • Published

        react-relay-network-modern

        Network Layer for React Relay and Express (Batch Queries, AuthToken, Logging, Retry)

        • v6.2.2
        • 31.67
        • 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
        • 31.61
        • Published

        @deskpro/react-loader

        React component that displays a spinner via spin.js until your component is loaded

        • v2.4.2
        • 31.59
        • Published

        react-img-markup

        Library for adding markup to images using shapes and text

        • v2.1.0
        • 31.40
        • Published

        react-native-modern-datepicker

        A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale)

        • v1.0.0-beta.91
        • 31.18
        • Published

        react-img-webp

        React rendering WebP on supported platforms

        • v2.0.2
        • 31.15
        • Published

        react-cropper

        Cropper as React Component

        • v2.3.3
        • 31.13
        • Published

        react-s3

        A React library for AWS S3 file upload

        • v1.3.1
        • 31.04
        • Published

        react-image-picker-editor

        React library for the selection, edition and compression of images in png, jpeg and webp formats.

        • v1.3.6
        • 31.03
        • Published

        react-multi-carousel

        Production-ready, lightweight fully customizable React carousel component that rocks supports multiple items and SSR(Server-side rendering) with typescript.

        • v2.8.6
        • 31.00
        • Published

        react-rounded-image

        Convert an image into a rounded image and you can also change the circle's color

        • v2.0.15
        • 30.91
        • Published

        storybook-addon-vite-mock

        [![](https://img.shields.io/npm/l/storybook-addon-vite-mock)](https://www.npmjs.com/package/storybook-addon-vite-mock) [![](https://img.shields.io/npm/v/storybook-addon-vite-mock)](https://www.npmjs.com/package/storybook-addon-vite-mock) [![](https://img.

        • v1.0.3
        • 30.91
        • Published

        use-debounce-loader

        React hook that exposes the pending state of a debounced value

        • v0.0.4
        • 30.88
        • Published

        react-svg-inline-loader

        Finds all svg files require'd in as a React Component and inlines them.

          • v0.2.2
          • 30.85
          • Published

          react-image-pointer

          A React component for creating interactive images with clickable points and information cards connected by lines. Enhanced with improved modal, better performance, and enhanced interactivity.

          • v1.3.0
          • 30.77
          • Published

          @ricarso/react-image-magnifiers

          A collection of responsive, image magnifying React components for mouse and touch.(for React 18)

          • v1.9.0
          • 30.65
          • Published

          react-native-loader

          A collection of loading spinners animated for react native

          • v1.3.1
          • 30.59
          • Published

          react-image-filler

          A react component to return a placeholder image with a given width and height

          • v1.0.1
          • 30.51
          • Published

          react-aws-s3

          Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React.

          • v1.5.0
          • 30.50
          • Published

          react-preload-image

          Preload and fade in an image. Optional support for lazy loading.

          • v1.0.7
          • 30.48
          • Published

          react-fullscreen-image

          An accessible, fast, and animated fullscreen React image viewer.

          • v0.0.3
          • 30.44
          • Published

          react-ink

          A React component for adding material design style ink.

          • v6.5.4
          • 30.32
          • Published

          react-promise-tracker

          Simple React Promise tracker Hook/HOC helper to add loading spinner indicators

          • v2.1.1
          • 30.29
          • Published

          react-upload-to-s3

          A react component for uploading files to AWS S3

          • v1.0.16
          • 30.17
          • Published

          @times-components/card

          The card component fades in and lays out content that typically consists of an image and a collection of textual elements (although this content could be anything). Card manages the layout of these elements, whilst providing a consistent loading state for

          • v6.17.9
          • 30.14
          • Published

          react-crop

          An image cropper that moves the cropper rather than the image

          • v4.0.2
          • 30.06
          • Published

          react-native-wifi-reborn

          A react-native implementation for viewing and connecting to Wifi networks on Android and iOS devices.

          • v4.13.6
          • 30.04
          • Published

          react-native-svg-loader

          Build time parsing for svgs, use any svg in your React Native app in ease

          • v1.0.0
          • 30.04
          • Published

          react-placeholder

          A React component to easily replicate your page with nice placeholders while the content is loading

          • v4.1.0
          • 30.00
          • Published

          react-router-loader

          Dynamically load react-router components on-demand

          • v0.5.4
          • 29.89
          • Published

          @depay/react-token-image

          React component to display token images with fallbacks and unknown state.

          • v6.0.0
          • 29.81
          • Published

          aws-s3

          S3Client - A Javascript Library for AWS S3 File Upload

          • v2.0.5
          • 29.78
          • Published

          @cerner/terra-aggregate-translations

          The terra-aggregate-translations pre-build tool assists with creating the translation, intl loader and translation loader files that are configured for the specified locales. This tool is offered as a CLI script and as a setup function.

          • v3.4.0
          • 29.77
          • Published

          react-is

          Brand checking of React Elements.

          • v19.1.1
          • 29.76
          • Published

          @wistia/wistia-player-react

          An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.

            • v0.1.16
            • 29.75
            • Published