JSPM

Found 151021 results for react image loader

image-resize-compress

Image resizer, compressor, and converter built with modern TypeScript support

  • v2.1.1
  • 50.91
  • Published

antd-img-crop

An image cropper for Ant Design Upload

  • v4.25.0
  • 50.80
  • Published

react-image-zooom

[![react-image-zooom](https://nodei.co/npm/react-image-zooom.png)](https://www.npmjs.com/package/react-image-zooom)

  • v1.5.5
  • 50.62
  • Published

@brigad/ideal-image-loader

A loader for webpack which handles 2x/3x/webp and works well with gatsby-image and react-ideal-image

  • v2.0.0
  • 50.42
  • Published

gatsby-plugin-sanity-image

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

  • v0.13.5
  • 50.41
  • Published

@expo/browser-polyfill

Browser polyfill for making React Native compatible with web libs like pixi.js, three.js, phaser.js

  • v1.0.1
  • 50.17
  • Published

react-script-loader-hoc

A higher-order React component that assists in the asynchronous loading of third party JS libraries (eg. Stripe.js)

  • v1.2.2
  • 49.87
  • Published

react-imgix

React Component for displaying an image from Imgix

  • v9.10.0
  • 49.71
  • Published

@chakra-ui/avatar

A React component used to show users avatar or initials

  • v2.3.0
  • 49.17
  • Published

@material-tailwind/react

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

  • v2.1.10
  • 49.04
  • Published

redbox-react

A redbox (rsod) component to display your errors.

  • v1.6.0
  • 48.53
  • Published

react-flexbox-grid

A set of React components implementing flexboxgrid with the power of CSS Modules

  • v2.1.2
  • 48.47
  • Published

react-image-turntable

Display a set of images as a draggable 360 degree turntable.

  • v3.1.2
  • 48.42
  • Published

react-spinkit

A collection of loading indicators animated with CSS for React

  • v3.0.0
  • 48.38
  • Published

react-native-image-slider-box

A simple and fully customizable React Native component that implements an Image Slider UI.

  • v2.0.7
  • 48.05
  • Published

jsoneditor-react

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

  • v3.1.2
  • 47.98
  • Published

react-wait

Complex Loader Management for React Applications

  • v0.3.0
  • 47.80
  • Published

component-metadata-loader

Webpack loader for extracting React Component metadata (props, comments jsDoclets)

  • v4.0.0
  • 47.16
  • Published

remix-image

A React component for responsive images in Remix

  • v1.4.0
  • 46.93
  • Published

react-image-zoom

react based image zoomer on mouse hover

  • v1.3.1
  • 46.82
  • Published

@twicpics/components

A Web component library that brings the power of TwicPics to your favorite web framework.

  • v0.33.0
  • 46.48
  • Published

svg-inline-react

Inline SVG wrapper component for React

  • v3.2.1
  • 46.43
  • Published

extract-hoc

A Babel plugin that enables react-hot-loader to work on HoCs.

  • v0.0.5
  • 46.31
  • Published

@unpic/react

React component for responsive, high-performance images

  • v1.0.1
  • 46.08
  • Published

react-svg-pan-zoom

A React component that adds pan and zoom features to SVG

  • v3.13.1
  • 45.72
  • Published

react-photo-gallery

Responsive Justified React Image Gallery Component

  • v8.0.0
  • 45.70
  • Published

react-hot-toast

Smoking hot React Notifications. Lightweight, customizable and beautiful by default.

  • v2.6.0
  • 45.57
  • Published

swr

React Hooks library for remote data fetching

  • v2.3.6
  • 45.53
  • Published

react-quill-new

The Quill rich-text editor as a React component.

  • v3.6.0
  • 45.50
  • Published

react-graceful-image

An image component for gracefully dealing with images errors by providing a placeholder and retries on failure

  • v1.5.0
  • 45.48
  • Published

remix-utils

This package contains simple utility functions to use with [React Router](https://reactrouter.com/).

  • v8.8.0
  • 45.44
  • Published

react-scroll

A scroll component for React.js

  • v1.9.3
  • 45.42
  • Published

storybook-addon-module-mock

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

  • v1.4.4
  • 45.13
  • Published

svg-loaders-react

React implementation of the SVG Loaders library by Sam Herbert

  • v3.1.1
  • 44.98
  • Published

fabri-pix

A React image editor using Fabric.js

  • v1.0.8
  • 44.95
  • Published

lightbox-react

Lightbox for React components or images

  • v0.3.8
  • 44.60
  • Published

@node-ipc/js-queue

Simple JS queue with auto run for node and browsers

  • v2.0.3
  • 44.43
  • Published

json-edit-react

React component for editing or viewing JSON/object data

  • v1.28.2
  • 44.29
  • Published

react-calendar-heatmap

A calendar heatmap component built on SVG, inspired by Github's commit calendar graph.

  • v1.10.0
  • 44.28
  • Published

awesome-image-viewer

React, Angular, Vue, and Typescript compatible image viewer

  • v1.0.60
  • 44.08
  • Published

react-load-image

A React component for showing placeholder content during image loading

  • v0.1.7
  • 43.78
  • Published

react-qrcode-logo

React component to generate a QR Code customizable with logo and more properties

  • v4.0.0
  • 43.78
  • Published

@sanity/preview-kit

General purpose utils for live content and visual editing

  • v6.1.3
  • 43.31
  • Published

esri-loader-hooks

Custom React hooks for using the ArcGIS API for JavaScript with esri-loader

    • v0.4.0
    • 43.21
    • Published

    remark-images

    remark plugin to add a simpler image syntax

    • v4.1.0
    • 43.06
    • Published

    @yireen/squoosh-browser

    An image compression tool run in browser while @squoosh/lib can not.

    • v1.0.7
    • 43.01
    • Published

    react-snake-loader

    A fun animated snake loader component for React applications.

    • v1.0.4
    • 42.93
    • Published

    @gluestack-ui/avatar

    A universal headless avatar component for React Native, Next.js & React

    • v0.1.18
    • 42.86
    • Published

    @emotion/native

    Style and render React Native components using emotion

    • v11.11.0
    • 42.46
    • Published

    skeleton-elements

    Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) - UI for improved perceived performance

    • v4.0.1
    • 42.37
    • Published

    react-dots-loader

    A nice loader showing 3 animated dots - carefully crafted for React

    • v1.1.4
    • 42.10
    • Published

    import-jsx

    Require and transpile JSX on the fly

    • v5.0.0
    • 41.92
    • Published

    isomorphic-loader

    Webpack isomorphic loader tools to make Node require handle files like images for Server Side Rendering (SSR)

    • v4.5.0
    • 41.47
    • Published

    react-webp-image

    A simple react component for rendering webp images with a fallback for older browsers

    • v1.0.8
    • 41.36
    • Published

    react-parallax

    A React Component for parallax effect working in client-side and server-side rendering environment

    • v3.5.2
    • 41.28
    • Published

    react-image-video-lightbox

    A React lightbox that supports videos, images and pinch zooming on images. Optimized for mobile UI with swiping, but can be used on desktop as well.

    • v3.0.1
    • 41.25
    • Published

    vite-awesome-svg-loader

    Imports SVGs as source code, base64 and data URI. Preserves stroke width, replaces colors with currentColor or custom colors. Optimizes SVGs with SVGO. Creates SVG sprites.

    • v2.1.0
    • 41.19
    • Published

    expo-asset-utils

    Utilities for converting files into Expo Assets

    • v3.0.0
    • 41.16
    • Published

    react-swipeable

    React Swipe event handler hook

    • v7.0.2
    • 40.84
    • Published

    expo-fast-image

    an optimized cached image for expo base on expo file system

    • v1.1.3
    • 40.70
    • Published

    react-slidedown

    Component for animating height during mount/unmount using a CSS transition

    • v2.4.7
    • 40.51
    • Published

    react-native-image-cache-hoc

    React Native Higher Order Component that adds advanced caching functionality to the react native Image component.

    • v2.0.0
    • 40.39
    • Published

    easy-stack

    Simple JS stack with auto run for node and browsers

    • v1.0.1
    • 40.36
    • Published

    react-retina-image

    React component for serving high-resolution images to devices with retina displays

    • v2.0.5
    • 40.19
    • Published

    @exodus/react-native-image-picker

    A React Native module that allows you to use native UI to select media from the device library or directly from the camera

    • v0.28.1-exodus.10
    • 40.01
    • Published

    react-screen-wake-lock

    React implementation of the Screen Wake Lock API. It provides a way to prevent devices from dimming or locking the screen when an application needs to keep running.

    • v3.1.1
    • 39.95
    • Published

    craco-raw-loader

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

      • v1.0.2
      • 39.93
      • Published

      react-nested-loader

      Easiest way to inject a loader/spinner into a deeply nested component (like a button)

      • v2.2.1
      • 39.91
      • Published

      react-native-image-slider-banner

      A simple and fully customizable React Native Component that implements Image and Banner Slider UI with animations.

      • v1.0.3
      • 39.86
      • Published

      exif-auto-rotate

      `exif-auto-rotate` is a module that helps you for applying the right orientation to JPEG images, based on its EXIF tag. It applies the right orientation to a JPEG image. Resets to orientation 1 from all orientation codes. It returns of new image's base64

      • v0.3.5
      • 39.44
      • 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.43
      • Published

      react-native-lightbox

      Images etc in Full Screen Lightbox Popovers for React Native

      • v0.8.1
      • 39.30
      • Published

      @expo/next-adapter

      Adapter for using Next.js to bundle Expo web projects

      • v6.0.0
      • 39.25
      • Published

      js-queue

      Simple JS queue with auto run for node and browsers

      • v2.0.2
      • 39.24
      • Published

      @tsparticles/confetti

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

      @yamada-ui/image

      Yamada UI media and image component

      • v1.3.11
      • 39.10
      • Published

      jest-transformer-svg

      a jest transformer for testing with svg files in react

      • v2.1.0
      • 39.10
      • Published

      react-native-image-manipulator

      ImageManipulator for react native without Expo and Unimodules. Based on Expo ImageManipulator

      • v1.0.6
      • 39.02
      • Published

      easy-magnify

      Everything you need for magnifying images

      • v1.1.4
      • 39.01
      • Published

      vue-compare-image

      Vue component to compare two images using slider.

      • v0.2.0
      • 38.83
      • Published

      staticdelivr

      StaticDelivr simplifies image delivery by optimizing performance through CDN integration, format conversion, and dynamic resizing. Perfect for React applications.

      • v1.0.0
      • 38.74
      • Published

      react-native-shadow-2

      Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package

      • v7.1.2
      • 38.66
      • Published

      recharts-to-png

      This package converts a Recharts chart to a png.

      • v3.0.1
      • 38.50
      • Published

      react-image-webp

      React component for check browser support format webp and insert if supported webp image.

      • v0.8.0
      • 38.42
      • Published

      react-advanced-cropper

      The react cropper library that gives the possibility to create croppers exactly suited for your website design

      • v0.20.1
      • 38.39
      • Published

      next-optimized-images

      Automatically optimize images used in next.js projects (jpeg, png, gif, svg).

      • v2.6.2
      • 38.34
      • Published

      esbuild-svgr-plugin

      An esbuild plugin that transforms SVGs into React components using SVGR.

      • v0.2.0
      • 38.29
      • Published

      rc-image-loader

      handle render a preview image is tiny while waiting for real image loading. the real image is lazy-loaded when loaded. support server-side render for seo!

      • v2.1.0
      • 38.27
      • Published

      react-joyride

      Create guided tours for your apps

      • v2.9.3
      • 38.11
      • Published

      imtool

      Client-side canvas-based image manipulation library.

      • v1.2.1
      • 38.08
      • 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
      • 38.05
      • Published

      @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
      • 37.94
      • Published

      arco-markdown-loader

      Webpack loader, Markdown to react demo document, for generate react component document.

        • v1.0.9
        • 37.83
        • Published

        react-css-modules

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

        • v4.7.11
        • 37.81
        • Published

        react-native-animatable

        Easy to use declarative transitions and animations for React Native

        • v1.4.0
        • 37.71
        • Published

        use-image-color

        Grab color palette from any image using React hooks

          • v0.0.9
          • 37.60
          • Published

          paralax-image

          A simple React component to display a parallax image.

          • v0.2.17
          • 37.57
          • Published

          react-star-ratings

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

          • v2.3.0
          • 37.53
          • Published

          react-extract-colors

          A react component to extract dominant colors from an image

          • v1.5.1
          • 37.38
          • Published

          next-seo

          SEO plugin for Next.js projects

          • v6.8.0
          • 37.24
          • Published

          @udisc/remix-image

          A React component for responsive images in Remix

          • v1.6.0
          • 37.10
          • Published

          @measured/puck

          The open-source visual editor for React

          • v0.20.1
          • 37.05
          • 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.66
          • Published

          react-carousel-minimal

          Responsive, minimal and customizable Carousel Component for React Projects.

          • v1.4.1
          • 36.65
          • 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.64
          • Published

          react-img-placeholder

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

          • v0.1.5
          • 36.57
          • 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.48
          • Published

          @ag-grid-enterprise/core

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

          • v32.3.9
          • 36.44
          • Published

          harden-react-markdown

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

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

          react-images

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

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

          recoil-nexus

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

          • v0.5.1
          • 35.95
          • Published

          @rpldy/upload-preview

          preview component to show image or video being uploaded

          • v1.11.0
          • 35.91
          • 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
          • 35.88
          • 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.84
          • Published

          @orchard9ai/cropper

          A React image cropping component with aspect ratio controls

            • v0.8.0
            • 35.68
            • Published

            @chakra-ui/slider

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

            • v2.1.0
            • 35.65
            • Published

            react-film

            React component for showing carousel just like a film strip

            • v4.0.0
            • 35.45
            • Published

            @lidofinance/loaders

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

            • v1.6.0
            • 35.38
            • Published

            react-imageloader

            A React component for wrangling image loading

            • v3.0.0
            • 35.29
            • 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
            • 35.22
            • Published

            lightbox.js-react

            React lightbox with animation and customization options

            • v1.6.2
            • 35.21
            • Published

            react-shimmer

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

            • v3.2.0
            • 35.17
            • Published

            react-image-grid-gallery

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

            • v3.1.2
            • 35.17
            • Published

            mui-image-slider

            Image Slider for React using Material-UI

            • v1.0.10
            • 35.09
            • 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
            • 34.98
            • Published

            react-image-label

            A comprehensive package for tagging images.

            • v3.0.0
            • 34.93
            • 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
            • 34.93
            • Published

            tailwindcss-radix

            Utilities and variants for styling Radix state

            • v4.0.2
            • 34.91
            • Published

            react-img-webp

            React rendering WebP on supported platforms

            • v2.0.2
            • 34.89
            • 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.87
            • Published

            @carbon/react

            React components for the Carbon Design System

            • v1.90.0
            • 34.83
            • Published

            simple-image-magnifier

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

            • v1.1.4
            • 34.79
            • Published

            pretty-proptypes

            prettily render prop types from react components

            • v1.7.0
            • 34.62
            • Published

            @lunit/insight-viewer

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

            • v7.2.2
            • 34.60
            • Published

            @carbon/styles

            Styles for the Carbon Design System

            • v1.89.0
            • 34.57
            • Published

            react-modern-picture

            React Component that translates input from modern-image-loader into a picture tag.

            • v1.3.0
            • 34.54
            • Published

            react-img-mapper

            React Component to highlight interactive zones in images

            • v2.0.0
            • 34.47
            • Published

            classnames-loader

            Webpack loader to automatically bind css-modules to classnames

            • v2.1.0
            • 34.45
            • Published

            react-image-timeline

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

            • v3.2.13
            • 34.36
            • Published