JSPM

Found 151023 results for react image loader

svg-react-loader

A Webpack Loader to turn SVGs into React Components

  • v0.4.6
  • 71.76
  • Published

react-svg-loader

Optimize svg and load it as a React Component

  • v3.0.3
  • 71.22
  • Published

use-image

Custom React Hook for loading images.

  • v1.1.4
  • 71.15
  • Published

react-async-script

A composition mixin for loading scripts asynchronously for React

  • v1.2.0
  • 68.90
  • Published

react-image-file-resizer

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

  • v0.4.8
  • 68.61
  • Published

react-window-infinite-loader

InfiniteLoader component inspired by react-virtualized but for use with react-window

  • v1.0.10
  • 65.16
  • Published

remark-loader

Load markdown through remark with some react-specific features.

  • v6.0.0
  • 63.86
  • Published

next

The React Framework

  • v15.5.2
  • 62.62
  • Published

react-image-magnify

A responsive image zoom component designed for shopping sites.

  • v2.7.4
  • 61.81
  • Published

frontmatter-markdown-loader

Webpack loader for Front Matter Markdown file to get front matter attributes, compiled markdown and React/Vue component which renders compiled markdown

  • v3.7.0
  • 61.76
  • Published

react-filepond

A handy FilePond adapter component for React

  • v7.1.3
  • 61.75
  • Published

react-inner-image-zoom

A React component for magnifying an image within its parent container 🔎

  • v4.0.1
  • 61.14
  • Published

@tabler/icons

A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.

  • v3.34.1
  • 60.94
  • Published

react-loader

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

  • v2.4.7
  • 60.26
  • Published

next-image-standalone

A standalone version of the Next.js Image component for use in non-Next.js projects.

  • v0.1.3
  • 58.45
  • Published

laziest-image

The image loader to give you full control over image load.

  • v1.0.2
  • 58.33
  • Published

holy-loader

Holy Loader is a lightweight, customizable top-loading progress bar component for React applications.

  • v2.3.13
  • 58.17
  • Published

@monaco-editor/react

Monaco Editor for React - use the monaco-editor in any React application without needing to use webpack (or rollup/parcel/etc) configuration files / plugins

  • v4.7.0
  • 57.66
  • Published

react-blurhash

Blurhash implementation for React

  • v0.3.0
  • 57.10
  • Published

react-image-magnifiers

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

  • v1.4.0
  • 57.01
  • Published

react-avatar-editor

Avatar / profile picture component. Resize and crop your uploaded image using a intuitive user interface.

  • v13.0.2
  • 55.74
  • Published

mui-image

Display images as per the Material guidelines. For React apps using Material-UI.

  • v1.0.9
  • 55.56
  • Published

react-compare-image

React component to compare two images using slider.

  • v3.5.7
  • 55.33
  • Published

react-google-maps-loader

React component to use google maps services into your react applications using a render prop

  • v4.3.1
  • 54.97
  • Published

react-live-chat-loader

Implement live chat in your react app without taking a performance hit.

  • v2.11.0
  • 54.87
  • Published

react-image-fallback

if your image doesn't exist, fallback onto another provided image.

  • v8.0.0
  • 53.87
  • Published

@gluestack-ui/image

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

  • v0.1.17
  • 53.85
  • Published

react-quill

The Quill rich-text editor as a React component.

  • v2.0.0
  • 53.74
  • Published

react-image-size

Functional for getting dimensions of any image by url

  • v2.4.0
  • 53.29
  • Published

react-background-image-loader

This package allows you to display a placeholder image while the actual background image loads

  • v0.0.5
  • 52.71
  • Published

react-loader-advanced

Show loader overlaying your component during async events.

  • v1.7.1
  • 52.54
  • Published

react-loading-icons

React implementation of the SVG Loaders library by Sam Herbert

  • v1.1.0
  • 52.43
  • Published

material-ui-image

Material style image with loading animation

  • v3.3.2
  • 52.17
  • Published

react-awesome-lightbox

lightbox image viewer for react with zoom, rotate. Single or multi image mode and touch support

  • v1.8.1
  • 51.96
  • Published

@s-ui/react-atom-image

AtomImage is a component that loads an image inside, maintaining all the accesibility attributes. This component can be set to show a placeholder image, a skeleton and/or a spinner while the final image is being loaded. This component will also show an Er

  • v2.18.0
  • 51.35
  • Published

react-native-modalize

A highly customizable modal/bottom sheet that loves scrolling content.

  • v2.1.1
  • 51.16
  • Published

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.88
  • 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.94
    • Published

    craco-raw-loader

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

      • v1.0.2
      • 39.94
      • 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

      jest-transformer-svg

      a jest transformer for testing with svg files in react

      • v2.1.0
      • 39.10
      • Published

      @yamada-ui/image

      Yamada UI media and image component

      • v1.3.11
      • 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.73
      • 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