JSPM

Found 151180 results for react image loader

@yireen/squoosh-browser

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

  • v1.0.7
  • 43.18
  • Published

remark-images

remark plugin to add a simpler image syntax

  • v4.1.0
  • 43.08
  • Published

react-snake-loader

A fun animated snake loader component for React applications.

  • v1.0.4
  • 43.05
  • Published

@gluestack-ui/avatar

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

  • v0.1.18
  • 43.01
  • Published

skeleton-elements

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

  • v4.0.1
  • 42.79
  • Published

@emotion/native

Style and render React Native components using emotion

  • v11.11.0
  • 42.63
  • Published

react-dots-loader

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

  • v1.1.4
  • 42.26
  • Published

import-jsx

Require and transpile JSX on the fly

  • v5.0.0
  • 41.80
  • 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.76
  • Published

isomorphic-loader

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

  • v4.5.0
  • 41.59
  • Published

react-webp-image

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

  • v1.0.8
  • 41.39
  • Published

expo-asset-utils

Utilities for converting files into Expo Assets

  • v3.0.0
  • 41.30
  • Published

react-parallax

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

  • v3.5.2
  • 41.29
  • Published

react-swipeable

React Swipe event handler hook

  • v7.0.2
  • 41.20
  • 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.14
  • Published

easy-stack

Simple JS stack with auto run for node and browsers

  • v1.0.1
  • 40.97
  • Published

react-slidedown

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

  • v2.4.7
  • 40.89
  • Published

expo-fast-image

an optimized cached image for expo base on expo file system

  • v1.1.3
  • 40.62
  • 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-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
  • 40.23
  • Published

react-retina-image

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

  • v2.0.5
  • 40.19
  • Published

react-nested-loader

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

  • v2.2.1
  • 40.15
  • 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
  • 40.13
  • Published

@yamada-ui/image

Yamada UI media and image component

  • v1.3.11
  • 40.11
  • Published

craco-raw-loader

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

    • v1.0.2
    • 40.08
    • 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.86
    • 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.84
    • 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.81
    • Published

    jest-transformer-svg

    a jest transformer for testing with svg files in react

    • v2.1.0
    • 39.71
    • Published

    js-queue

    Simple JS queue with auto run for node and browsers

    • v2.0.2
    • 39.55
    • 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.53
    • Published

    react-native-lightbox

    Images etc in Full Screen Lightbox Popovers for React Native

    • v0.8.1
    • 39.50
    • Published

    @expo/next-adapter

    Adapter for using Next.js to bundle Expo web projects

    • v6.0.0
    • 39.46
    • Published

    easy-magnify

    Everything you need for magnifying images

    • v1.1.4
    • 39.12
    • Published

    react-native-image-manipulator

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

    • v1.0.6
    • 38.99
    • Published

    vue-compare-image

    Vue component to compare two images using slider.

    • v0.2.0
    • 38.86
    • Published

    react-native-shadow-2

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

    • v7.1.2
    • 38.78
    • 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

    next-optimized-images

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

    • v2.6.2
    • 38.70
    • 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.70
    • Published

    recharts-to-png

    This package converts a Recharts chart to a png.

    • v3.0.1
    • 38.64
    • 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.64
    • Published

    react-joyride

    Create guided tours for your apps

    • v2.9.3
    • 38.55
    • Published

    react-image-webp

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

    • v0.8.0
    • 38.42
    • 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.32
    • Published

    esbuild-svgr-plugin

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

    • v0.2.0
    • 38.23
    • Published

    react-css-modules

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

    • v4.7.11
    • 38.21
    • 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.15
    • 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.11
    • Published

    imtool

    Client-side canvas-based image manipulation library.

    • v1.2.1
    • 37.95
    • Published

    arco-markdown-loader

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

      • v1.0.9
      • 37.93
      • Published

      react-native-animatable

      Easy to use declarative transitions and animations for React Native

      • v1.4.0
      • 37.93
      • Published

      react-star-ratings

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

      • v2.3.0
      • 37.75
      • Published

      harden-react-markdown

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

      • v1.0.5
      • 37.69
      • Published

      next-seo

      SEO plugin for Next.js projects

      • v6.8.0
      • 37.62
      • 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.46
        • Published

        react-extract-colors

        A react component to extract dominant colors from an image

        • v1.5.1
        • 37.41
        • Published

        @measured/puck

        The open-source visual editor for React

        • v0.20.1
        • 37.22
        • Published

        @udisc/remix-image

        A React component for responsive images in Remix

        • v1.6.0
        • 37.20
        • 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.76
        • Published

        react-carousel-minimal

        Responsive, minimal and customizable Carousel Component for React Projects.

        • v1.4.1
        • 36.72
        • 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-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.68
        • 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

        @ag-grid-enterprise/core

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

        • v32.3.9
        • 36.50
        • Published

        recoil-nexus

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

        • v0.5.1
        • 36.31
        • 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.22
        • 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.96
        • 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.80
        • Published

        @orchard9ai/cropper

        A React image cropping component with aspect ratio controls

          • v0.8.0
          • 35.69
          • Published

          @lidofinance/loaders

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

          • v1.6.0
          • 35.43
          • Published

          react-imageloader

          A React component for wrangling image loading

          • v3.0.0
          • 35.41
          • Published

          react-shimmer

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

          • v3.2.0
          • 35.28
          • Published

          lightbox.js-react

          React lightbox with animation and customization options

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

          @carbon/react

          React components for the Carbon Design System

          • v1.90.0
          • 35.16
          • Published

          react-image-grid-gallery

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

          • v3.1.2
          • 35.12
          • Published

          mui-image-slider

          Image Slider for React using Material-UI

          • v1.0.10
          • 35.07
          • 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.97
          • Published

          react-image-label

          A comprehensive package for tagging images.

          • v3.0.0
          • 34.95
          • Published

          @carbon/styles

          Styles for the Carbon Design System

          • v1.89.0
          • 34.81
          • Published

          simple-image-magnifier

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

          • v1.1.4
          • 34.79
          • 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.77
          • Published

          @lunit/insight-viewer

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

          • v7.2.2
          • 34.65
          • Published

          react-img-mapper

          React Component to highlight interactive zones in images

          • v2.0.0
          • 34.58
          • Published

          classnames-loader

          Webpack loader to automatically bind css-modules to classnames

          • v2.1.0
          • 34.56
          • Published

          react-modern-picture

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

          • v1.3.0
          • 34.46
          • Published

          pretty-proptypes

          prettily render prop types from react components

          • v1.7.0
          • 34.44
          • 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.41
          • 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

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

          evokit-image

          Used to display the image

          • v3.2.0
          • 34.26
          • Published

          fix-image-rotation

          Rotates the given image based on the EXIF values

          • v2.0.0
          • 34.15
          • Published

          rmwc

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

          • v14.3.5
          • 34.12
          • Published

          next-image-zoom

          Medium.com style image zoom for nextjs

          • v1.1.7
          • 34.00
          • 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

          jsoneditor-react18

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

          • v0.5.0
          • 33.95
          • 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.93
          • 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.88
          • Published

          react-lazy-load

          Simple lazy loading component built with react

          • v4.0.1
          • 33.86
          • Published

          react-file-icon

          React component to render svg file icons

          • v1.6.0
          • 33.78
          • Published

          next-react-svg

          Transform your svg image to a React component.

          • v1.2.0
          • 33.75
          • Published

          @uploadcare/react-widget

          React File Uploader. React component with uploading from multiple sources

          • v3.0.0
          • 33.66
          • Published

          react-easy-crop

          A React component to crop images/videos with easy interactions

          • v5.5.0
          • 33.65
          • Published

          reactjs-image-zoom

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

          • v1.0.8
          • 33.63
          • 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.62
          • Published

          react-imager

          simple image loader writen in react

          • v1.1.0
          • 33.53
          • Published

          react-native-camera

          A Camera component for React Native. Also reads barcodes.

          • v4.2.1
          • 33.46
          • Published

          react-masonry-css

          React Masonry component leveraging CSS to be fast and responsive

          • v1.0.16
          • 33.35
          • 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.32
          • 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.29
          • Published

          react-pixels

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

          • v0.5.9
          • 33.21
          • 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.11
          • Published

          scanbot-web-sdk

          Scanbot Web Document and Barcode Scanner SDK

          • v7.2.0
          • 33.10
          • Published

          react-gravatar

          React component for rendering a gravatar profile image

          • v2.6.3
          • 33.07
          • Published

          react-spinners

          A collection of react loading spinners

          • v0.17.0
          • 33.06
          • 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.00
          • 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.95
          • Published

          ink-spinner

          Spinner component for Ink

          • v5.0.0
          • 32.89
          • Published

          ldrs

          Minimalist loading animations for React and web components

          • v1.1.7
          • 32.88
          • Published

          @chakra-ui/spinner

          A React component for displaying spinners and loaders

          • v2.1.0
          • 32.82
          • Published

          react-router-loader

          Dynamically load react-router components on-demand

          • v0.5.4
          • 32.71
          • 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.63
          • 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.59
          • 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.43
          • Published

          react-script-hook

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

          • v1.7.2
          • 32.41
          • 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.28
          • Published

          react-hot-ts

          React HMR support for Typescript as AST transformer

          • v0.7.3
          • 32.26
          • Published

          @agility/nextjs

          Agility CMS support for NextJS 14 and Next Image

          • v15.0.7
          • 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.24
          • 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.21
          • Published

          react-auth-code-input

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

          • v3.2.1
          • 32.21
          • 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.16
          • 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.15
          • Published

          react-konva-utils

          Useful components and hooks for react-konva

            • v1.1.3
            • 32.09
            • Published

            next-qrcode

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

            • v2.5.1
            • 32.06
            • Published

            react-relay-network-modern

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

            • v6.2.2
            • 31.96
            • 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.90
            • Published

            react-image-fade-in

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

            • v1.1.3
            • 31.86
            • 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.70
            • Published

            react-img-markup

            Library for adding markup to images using shapes and text

            • v2.1.0
            • 31.68
            • Published