JSPM

Found 151052 results for react image loader

react-image-zoom

react based image zoomer on mouse hover

  • v1.3.1
  • 46.84
  • Published

@twicpics/components

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

  • v0.33.0
  • 46.50
  • Published

svg-inline-react

Inline SVG wrapper component for React

  • v3.2.1
  • 46.45
  • Published

extract-hoc

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

  • v0.0.5
  • 46.34
  • Published

@unpic/react

React component for responsive, high-performance images

  • v1.0.1
  • 46.09
  • Published

react-svg-pan-zoom

A React component that adds pan and zoom features to SVG

  • v3.13.1
  • 45.88
  • Published

react-photo-gallery

Responsive Justified React Image Gallery Component

  • v8.0.0
  • 45.74
  • Published

swr

React Hooks library for remote data fetching

  • v2.3.6
  • 45.68
  • Published

react-hot-toast

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

  • v2.6.0
  • 45.58
  • Published

remix-utils

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

  • v8.8.0
  • 45.52
  • 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.49
  • Published

react-quill-new

The Quill rich-text editor as a React component.

  • v3.6.0
  • 45.47
  • Published

react-scroll

A scroll component for React.js

  • v1.9.3
  • 45.45
  • 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.20
  • Published

svg-loaders-react

React implementation of the SVG Loaders library by Sam Herbert

  • v3.1.1
  • 45.01
  • Published

fabri-pix

A React image editor using Fabric.js

  • v1.0.8
  • 44.96
  • Published

lightbox-react

Lightbox for React components or images

  • v0.3.8
  • 44.63
  • Published

@node-ipc/js-queue

Simple JS queue with auto run for node and browsers

  • v2.0.3
  • 44.49
  • Published

json-edit-react

React component for editing or viewing JSON/object data

  • v1.28.2
  • 44.47
  • Published

react-calendar-heatmap

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

  • v1.10.0
  • 44.26
  • Published

awesome-image-viewer

React, Angular, Vue, and Typescript compatible image viewer

  • v1.0.60
  • 44.07
  • Published

react-qrcode-logo

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

  • v4.0.0
  • 43.81
  • Published

react-load-image

A React component for showing placeholder content during image loading

  • v0.1.7
  • 43.79
  • Published

@sanity/preview-kit

General purpose utils for live content and visual editing

  • v6.1.3
  • 43.37
  • Published

esri-loader-hooks

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

    • v0.4.0
    • 43.23
    • Published

    @yireen/squoosh-browser

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

    • v1.0.7
    • 43.02
    • Published

    remark-images

    remark plugin to add a simpler image syntax

    • v4.1.0
    • 42.95
    • Published

    react-snake-loader

    A fun animated snake loader component for React applications.

    • v1.0.4
    • 42.95
    • Published

    @gluestack-ui/avatar

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

    • v0.1.18
    • 42.94
    • Published

    @emotion/native

    Style and render React Native components using emotion

    • v11.11.0
    • 42.47
    • Published

    skeleton-elements

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

    • v4.0.1
    • 42.41
    • Published

    react-dots-loader

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

    • v1.1.4
    • 42.12
    • Published

    import-jsx

    Require and transpile JSX on the fly

    • v5.0.0
    • 41.94
    • Published

    isomorphic-loader

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

    • v4.5.0
    • 41.49
    • Published

    react-webp-image

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

    • v1.0.8
    • 41.37
    • Published

    react-parallax

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

    • v3.5.2
    • 41.33
    • 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.26
    • 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.18
    • Published

    expo-asset-utils

    Utilities for converting files into Expo Assets

    • v3.0.0
    • 41.13
    • Published

    react-swipeable

    React Swipe event handler hook

    • v7.0.2
    • 40.92
    • Published

    expo-fast-image

    an optimized cached image for expo base on expo file system

    • v1.1.3
    • 40.69
    • Published

    react-slidedown

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

    • v2.4.7
    • 40.52
    • Published

    easy-stack

    Simple JS stack with auto run for node and browsers

    • v1.0.1
    • 40.41
    • 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

    react-retina-image

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

    • v2.0.5
    • 40.21
    • 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.00
    • Published

    react-nested-loader

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

    • v2.2.1
    • 39.98
    • Published

    craco-raw-loader

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

      • v1.0.2
      • 39.95
      • 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.94
      • 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.87
      • 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.47
      • 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.47
      • 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.33
      • Published

      react-native-lightbox

      Images etc in Full Screen Lightbox Popovers for React Native

      • v0.8.1
      • 39.32
      • Published

      js-queue

      Simple JS queue with auto run for node and browsers

      • v2.0.2
      • 39.30
      • Published

      jest-transformer-svg

      a jest transformer for testing with svg files in react

      • v2.1.0
      • 39.26
      • Published

      @expo/next-adapter

      Adapter for using Next.js to bundle Expo web projects

      • v6.0.0
      • 39.26
      • Published

      @yamada-ui/image

      Yamada UI media and image component

      • v1.3.11
      • 39.11
      • 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.02
      • Published

      vue-compare-image

      Vue component to compare two images using slider.

      • v0.2.0
      • 38.85
      • 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.76
      • Published

      react-native-shadow-2

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

      • v7.1.2
      • 38.71
      • Published

      recharts-to-png

      This package converts a Recharts chart to a png.

      • v3.0.1
      • 38.56
      • 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.48
      • Published

      react-image-webp

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

      • v0.8.0
      • 38.43
      • Published

      next-optimized-images

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

      • v2.6.2
      • 38.39
      • Published

      esbuild-svgr-plugin

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

      • v0.2.0
      • 38.36
      • Published

      react-joyride

      Create guided tours for your apps

      • v2.9.3
      • 38.27
      • 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

      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.08
      • 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.98
      • Published

      react-css-modules

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

      • v4.7.11
      • 37.88
      • Published

      arco-markdown-loader

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

        • v1.0.9
        • 37.84
        • 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.47
          • Published

          react-extract-colors

          A react component to extract dominant colors from an image

          • v1.5.1
          • 37.40
          • Published

          next-seo

          SEO plugin for Next.js projects

          • v6.8.0
          • 37.34
          • Published

          @udisc/remix-image

          A React component for responsive images in Remix

          • v1.6.0
          • 37.13
          • Published

          @measured/puck

          The open-source visual editor for React

          • v0.20.1
          • 37.06
          • 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.68
          • Published

          react-carousel-minimal

          Responsive, minimal and customizable Carousel Component for React Projects.

          • v1.4.1
          • 36.66
          • 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.61
          • Published

          @ag-grid-enterprise/core

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

          • v32.3.9
          • 36.59
          • 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.58
          • 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.53
          • Published

          harden-react-markdown

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

          • v1.0.5
          • 36.50
          • Published

          react-images

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

          • v1.2.0-beta.7
          • 36.18
          • 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.07
          • Published

          recoil-nexus

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

          • v0.5.1
          • 36.00
          • Published

          @rpldy/upload-preview

          preview component to show image or video being uploaded

          • v1.11.0
          • 35.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
          • 35.90
          • 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.83
          • Published

          @chakra-ui/slider

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

          • v2.1.0
          • 35.80
          • Published

          @orchard9ai/cropper

          A React image cropping component with aspect ratio controls

            • v0.8.0
            • 35.70
            • Published

            react-film

            React component for showing carousel just like a film strip

            • v4.0.0
            • 35.48
            • 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.33
            • Published

            lightbox.js-react

            React lightbox with animation and customization options

            • v1.6.2
            • 35.24
            • 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.23
            • Published

            react-shimmer

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

            • v3.2.0
            • 35.21
            • Published

            react-image-grid-gallery

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

            • v3.1.2
            • 35.16
            • Published

            mui-image-slider

            Image Slider for React using Material-UI

            • v1.0.10
            • 35.10
            • 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.00
            • 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

            tailwindcss-radix

            Utilities and variants for styling Radix state

            • v4.0.2
            • 34.96
            • Published

            react-image-label

            A comprehensive package for tagging images.

            • v3.0.0
            • 34.94
            • Published

            react-img-webp

            React rendering WebP on supported platforms

            • v2.0.2
            • 34.92
            • 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.91
            • Published

            @carbon/react

            React components for the Carbon Design System

            • v1.90.0
            • 34.90
            • 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.65
            • Published

            @lunit/insight-viewer

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

            • v7.2.2
            • 34.63
            • Published

            @carbon/styles

            Styles for the Carbon Design System

            • v1.89.0
            • 34.59
            • Published

            react-img-mapper

            React Component to highlight interactive zones in images

            • v2.0.0
            • 34.52
            • Published

            react-modern-picture

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

            • v1.3.0
            • 34.49
            • Published

            classnames-loader

            Webpack loader to automatically bind css-modules to classnames

            • v2.1.0
            • 34.46
            • Published

            react-image-timeline

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

            • v3.2.13
            • 34.38
            • Published

            evokit-image

            Used to display the image

            • v3.2.0
            • 34.28
            • 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
            • 34.26
            • Published

            fix-image-rotation

            Rotates the given image based on the EXIF values

            • v2.0.0
            • 34.26
            • 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.11
            • Published

            next-image-zoom

            Medium.com style image zoom for nextjs

            • v1.1.7
            • 34.03
            • 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
            • 33.99
            • Published

            jsoneditor-react18

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

            • v0.5.0
            • 33.80
            • 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.77
            • Published

            add-to-calendar-button

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

            • v2.9.1
            • 33.70
            • Published

            reactjs-image-zoom

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

            • v1.0.8
            • 33.65
            • Published

            react-file-icon

            React component to render svg file icons

            • v1.6.0
            • 33.63
            • Published

            react-lazy-load

            Simple lazy loading component built with react

            • v4.0.1
            • 33.59
            • Published

            react-imager

            simple image loader writen in react

            • v1.1.0
            • 33.57
            • Published

            rmwc

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

            • v14.3.5
            • 33.56
            • 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.54
            • Published

            @uploadcare/react-widget

            React File Uploader. React component with uploading from multiple sources

            • v3.0.0
            • 33.48
            • Published

            next-react-svg

            Transform your svg image to a React component.

            • v1.2.0
            • 33.48
            • Published

            react-easy-crop

            A React component to crop images/videos with easy interactions

            • v5.5.0
            • 33.46
            • 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
            • 33.46
            • Published

            react-native-camera

            A Camera component for React Native. Also reads barcodes.

            • v4.2.1
            • 33.30
            • Published

            react-masonry-css

            React Masonry component leveraging CSS to be fast and responsive

            • v1.0.16
            • 33.24
            • Published

            react-pixels

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

            • v0.5.9
            • 33.20
            • Published

            scanbot-web-sdk

            Scanbot Web Document and Barcode Scanner SDK

            • v7.2.0
            • 33.12
            • 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.09
            • 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.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.04
            • Published

            react-spinners

            A collection of react loading spinners

            • v0.17.0
            • 33.03
            • Published

            @chakra-ui/spinner

            A React component for displaying spinners and loaders

            • v2.1.0
            • 32.93
            • Published