JSPM

Found 151275 results for react image loader

craco-raw-loader

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

    • v1.0.2
    • 40.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.84
    • 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.83
    • 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
    • 39.79
    • Published

    jest-transformer-svg

    a jest transformer for testing with svg files in react

    • v2.1.0
    • 39.60
    • Published

    js-queue

    Simple JS queue with auto run for node and browsers

    • v2.0.2
    • 39.52
    • 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.49
    • Published

    @expo/next-adapter

    Adapter for using Next.js to bundle Expo web projects

    • v6.0.0
    • 39.43
    • Published

    react-native-lightbox

    Images etc in Full Screen Lightbox Popovers for React Native

    • v0.8.1
    • 39.24
    • Published

    easy-magnify

    Everything you need for magnifying images

    • v1.1.4
    • 39.02
    • Published

    react-native-image-manipulator

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

    • v1.0.6
    • 38.98
    • Published

    vue-compare-image

    Vue component to compare two images using slider.

    • v0.2.0
    • 38.84
    • Published

    react-native-shadow-2

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

    • v7.1.2
    • 38.77
    • 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.72
    • 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.66
    • Published

    next-optimized-images

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

    • v2.6.2
    • 38.66
    • 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.63
    • Published

    recharts-to-png

    This package converts a Recharts chart to a png.

    • v3.0.1
    • 38.49
    • Published

    react-joyride

    Create guided tours for your apps

    • v2.9.3
    • 38.40
    • Published

    react-image-webp

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

    • v0.8.0
    • 38.36
    • 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.35
    • Published

    esbuild-svgr-plugin

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

    • v0.2.0
    • 38.27
    • 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
    • 38.18
    • 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
    • 38.15
    • Published

    react-css-modules

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

    • v4.7.11
    • 38.02
    • Published

    arco-markdown-loader

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

      • v1.0.9
      • 37.96
      • Published

      imtool

      Client-side canvas-based image manipulation library.

      • v1.2.1
      • 37.89
      • Published

      harden-react-markdown

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

      • v1.0.5
      • 37.71
      • Published

      react-native-animatable

      Easy to use declarative transitions and animations for React Native

      • v1.4.0
      • 37.70
      • Published

      use-image-color

      Grab color palette from any image using React hooks

        • v0.0.9
        • 37.58
        • Published

        react-star-ratings

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

        • v2.3.0
        • 37.41
        • Published

        paralax-image

        A simple React component to display a parallax image.

        • v0.2.17
        • 37.40
        • Published

        react-extract-colors

        A react component to extract dominant colors from an image

        • v1.5.1
        • 37.39
        • Published

        next-seo

        SEO plugin for Next.js projects

        • v6.8.0
        • 37.37
        • Published

        @udisc/remix-image

        A React component for responsive images in Remix

        • v1.6.0
        • 37.21
        • Published

        @measured/puck

        The open-source visual editor for React

        • v0.20.1
        • 37.04
        • 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.71
        • 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.64
        • 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.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.53
        • Published

        @ag-grid-enterprise/core

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

        • v32.3.9
        • 36.48
        • Published

        recoil-nexus

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

        • v0.5.1
        • 36.36
        • Published

        @rpldy/upload-preview

        preview component to show image or video being uploaded

        • v1.11.0
        • 36.22
        • Published

        react-images

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

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

        @chakra-ui/slider

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

        • v2.1.0
        • 35.89
        • Published

        react-film

        React component for showing carousel just like a film strip

        • v4.0.0
        • 35.81
        • 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.77
        • Published

        @orchard9ai/cropper

        A React image cropping component with aspect ratio controls

          • v0.8.0
          • 35.67
          • Published

          @lidofinance/loaders

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

          • v1.6.0
          • 35.46
          • Published

          react-imageloader

          A React component for wrangling image loading

          • v3.0.0
          • 35.42
          • Published

          react-shimmer

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

          • v3.2.0
          • 35.27
          • 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.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.20
          • Published

          react-image-grid-gallery

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

          • v3.1.2
          • 35.10
          • Published

          mui-image-slider

          Image Slider for React using Material-UI

          • v1.0.10
          • 35.05
          • Published

          @carbon/react

          React components for the Carbon Design System

          • v1.90.0
          • 35.02
          • 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.93
          • Published

          tailwindcss-radix

          Utilities and variants for styling Radix state

          • v4.0.2
          • 34.80
          • Published

          @carbon/styles

          Styles for the Carbon Design System

          • v1.89.0
          • 34.77
          • 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.75
          • Published

          classnames-loader

          Webpack loader to automatically bind css-modules to classnames

          • v2.1.0
          • 34.57
          • Published

          react-image-label

          A comprehensive package for tagging images.

          • v3.0.0
          • 34.56
          • Published

          react-img-mapper

          React Component to highlight interactive zones in images

          • v2.0.0
          • 34.49
          • Published

          simple-image-magnifier

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

          • v1.1.4
          • 34.48
          • Published

          pretty-proptypes

          prettily render prop types from react components

          • v1.7.0
          • 34.47
          • Published

          react-modern-picture

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

          • v1.3.0
          • 34.46
          • 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.44
          • Published

          react-image-timeline

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

          • v3.2.13
          • 34.37
          • Published

          @lunit/insight-viewer

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

          • v7.2.2
          • 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.22
          • Published

          evokit-image

          Used to display the image

          • v3.2.0
          • 34.22
          • Published

          rmwc

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

          • v14.3.5
          • 34.16
          • Published

          fix-image-rotation

          Rotates the given image based on the EXIF values

          • v2.0.0
          • 34.10
          • Published

          next-image-zoom

          Medium.com style image zoom for nextjs

          • v1.1.7
          • 33.99
          • Published

          jsoneditor-react18

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

          • v0.5.0
          • 33.98
          • 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.98
          • 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.90
          • Published

          react-lazy-load

          Simple lazy loading component built with react

          • v4.0.1
          • 33.87
          • 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.79
          • Published

          next-react-svg

          Transform your svg image to a React component.

          • v1.2.0
          • 33.77
          • Published

          react-file-icon

          React component to render svg file icons

          • v1.6.0
          • 33.71
          • Published

          @uploadcare/react-widget

          React File Uploader. React component with uploading from multiple sources

          • v3.0.0
          • 33.68
          • Published

          reactjs-image-zoom

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

          • v1.0.8
          • 33.61
          • 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.53
          • Published

          react-imager

          simple image loader writen in react

          • v1.1.0
          • 33.52
          • Published

          react-easy-crop

          A React component to crop images/videos with easy interactions

          • v5.5.0
          • 33.50
          • 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.33
          • 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.32
          • Published

          react-native-camera

          A Camera component for React Native. Also reads barcodes.

          • v4.2.1
          • 33.25
          • Published

          react-pixels

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

          • v0.5.9
          • 33.20
          • Published

          react-masonry-css

          React Masonry component leveraging CSS to be fast and responsive

          • v1.0.16
          • 33.17
          • Published

          scanbot-web-sdk

          Scanbot Web Document and Barcode Scanner SDK

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

          react-gravatar

          React component for rendering a gravatar profile image

          • v2.6.3
          • 33.02
          • Published

          react-spinners

          A collection of react loading spinners

          • v0.17.0
          • 32.97
          • 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
          • 32.96
          • Published

          @alekpr/react-image-crop-uploader

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

          • v1.1.0
          • 32.90
          • Published

          ldrs

          Minimalist loading animations for React and web components

          • v1.1.7
          • 32.84
          • Published

          ink-spinner

          Spinner component for Ink

          • v5.0.0
          • 32.81
          • Published

          @chakra-ui/spinner

          A React component for displaying spinners and loaders

          • v2.1.0
          • 32.77
          • Published

          react-router-loader

          Dynamically load react-router components on-demand

          • v0.5.4
          • 32.72
          • Published

          quote-loader

          A customizable React component that displays rotating quotes with animations and optional avatars — perfect for splash/loading screens or inspirational widgets.

          • v0.0.7
          • 32.62
          • 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.40
          • Published

          react-script-hook

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

          • v1.7.2
          • 32.33
          • Published

          react-hot-ts

          React HMR support for Typescript as AST transformer

          • v0.7.3
          • 32.29
          • 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.24
          • 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.23
          • 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.22
          • 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.21
          • Published

          react-auth-code-input

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

          • v3.2.1
          • 32.20
          • Published

          @agility/nextjs

          Agility CMS support for NextJS 14 and Next Image

          • v15.0.7
          • 32.20
          • 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.19
          • Published

          react-konva-utils

          Useful components and hooks for react-konva

            • v1.1.3
            • 32.10
            • Published

            next-qrcode

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

            • v2.5.1
            • 32.07
            • 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.07
            • 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
            • 31.86
            • 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.84
            • Published

            react-relay-network-modern

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

            • v6.2.2
            • 31.84
            • Published

            react-image-fade-in

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

            • v1.1.3
            • 31.81
            • Published

            react-img-markup

            Library for adding markup to images using shapes and text

            • v2.1.0
            • 31.67
            • Published

            react-preview-image

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

            • v1.0.5
            • 31.66
            • 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.63
            • 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.54
            • 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
            • 31.38
            • Published

            react-svg-inline-loader

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

              • v0.2.2
              • 31.30
              • Published

              react-s3

              A React library for AWS S3 file upload

              • v1.3.1
              • 31.28
              • 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.22
              • Published

              react-document-crop

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

              • v0.3.2
              • 31.22
              • Published

              react-img-webp

              React rendering WebP on supported platforms

              • v2.0.2
              • 31.19
              • 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.05
              • Published

              use-debounce-loader

              React hook that exposes the pending state of a debounced value

              • v0.0.4
              • 31.02
              • Published

              macaly-tagger

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

              • v1.0.1
              • 30.98
              • Published

              react-cropper

              Cropper as React Component

              • v2.3.3
              • 30.94
              • 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.80
              • Published

              react-fullscreen-image

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

              • v0.0.3
              • 30.79
              • 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
              • 30.71
              • 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.70
              • Published

              react-native-svg-loader

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

              • v1.0.0
              • 30.70
              • 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.69
              • Published

              react-image-filler

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

              • v1.0.1
              • 30.65
              • Published

              react-uncached-image

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

              • v1.1.9
              • 30.59
              • Published

              react-ink

              A React component for adding material design style ink.

              • v6.5.4
              • 30.57
              • Published