JSPM

Found 151327 results for react image fade

react-animation

Helpful animation components for adding movement to your React components

  • v1.2.2
  • 40.75
  • Published

expo-fast-image

an optimized cached image for expo base on expo file system

  • v1.1.3
  • 40.58
  • 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.31
  • 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.17
  • Published

react-retina-image

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

  • v2.0.5
  • 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.04
  • 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-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.81
  • 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.48
  • Published

react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native

  • v0.8.1
  • 39.23
  • Published

react-animations

A collection of animations for inline styles

    • v1.0.0
    • 39.12
    • Published

    next-image-standalone

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

    • v0.1.3
    • 39.11
    • Published

    easy-magnify

    Everything you need for magnifying images

    • v1.1.4
    • 39.01
    • Published

    react-native-image-manipulator

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

    • v1.0.6
    • 38.95
    • Published

    vue-compare-image

    Vue component to compare two images using slider.

    • v0.2.0
    • 38.79
    • 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.70
    • Published

    react-native-shadow-2

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

    • v7.1.2
    • 38.67
    • 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.65
    • Published

    next-optimized-images

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

    • v2.6.2
    • 38.65
    • 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.61
    • Published

    recharts-to-png

    This package converts a Recharts chart to a png.

    • v3.0.1
    • 38.47
    • Published

    react-joyride

    Create guided tours for your apps

    • v2.9.3
    • 38.38
    • Published

    react-image-webp

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

    • v0.8.0
    • 38.33
    • Published

    imtool

    Client-side canvas-based image manipulation library.

    • v1.2.1
    • 37.98
    • Published

    react-image-file

    An image component that accepts blobs (as returned, from example, from couchdb) and file objects (such as the ones uploaded in the browser)

    • v0.3.0
    • 37.95
    • Published

    harden-react-markdown

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

    • v1.0.5
    • 37.69
    • Published

    use-image-color

    Grab color palette from any image using React hooks

      • v0.0.9
      • 37.57
      • Published

      paralax-image

      A simple React component to display a parallax image.

      • v0.2.17
      • 37.52
      • Published

      react-star-ratings

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

      • v2.3.0
      • 37.40
      • Published

      next-seo

      SEO plugin for Next.js projects

      • v6.8.0
      • 37.36
      • Published

      react-extract-colors

      A react component to extract dominant colors from an image

      • v1.5.1
      • 37.35
      • Published

      @measured/puck

      The open-source visual editor for React

      • v0.20.1
      • 36.95
      • Published

      pure-react-carousel-thumbs

      A simple carousel with no other dependencies with thumbnails. A simple, customizable carousel component for React applications. A customizable React carousel component with support for thumbnails, autoplay, swiping, and more.

      • v1.0.6
      • 36.66
      • Published

      react-load-image

      A React component for showing placeholder content during image loading

      • v0.1.7
      • 36.63
      • Published

      react-carousel-minimal

      Responsive, minimal and customizable Carousel Component for React Projects.

      • v1.4.1
      • 36.63
      • 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.51
      • 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.45
      • Published

      @successtar/react-reveal

      Really simple way to add reveal on scroll animation to your React app.

      • v1.2.10
      • 36.45
      • Published

      @ag-grid-enterprise/core

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

      • v32.3.9
      • 36.25
      • Published

      @rpldy/upload-preview

      preview component to show image or video being uploaded

      • v1.11.0
      • 36.19
      • Published

      remix-image

      A React component for responsive images in Remix

      • v1.4.0
      • 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.96
      • Published

      apm-enceladus

      A React component that takes an array of Image objects from our American Public Media's Images API and turns it into a slideshow, with some options

      • v0.1.0
      • 35.86
      • Published

      react-images

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

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

      react-film

      React component for showing carousel just like a film strip

      • v4.0.0
      • 35.79
      • Published

      @chakra-ui/slider

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

      • v2.1.0
      • 35.76
      • 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.76
      • Published

      lightbox.js-react

      React lightbox with animation and customization options

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

      react-shimmer

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

      • v3.2.0
      • 35.19
      • 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.19
      • Published

      react-image-grid-gallery

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

      • v3.1.2
      • 35.09
      • Published

      mui-image-slider

      Image Slider for React using Material-UI

      • v1.0.10
      • 35.03
      • 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.91
      • 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.74
      • Published

      tailwindcss-radix

      Utilities and variants for styling Radix state

      • v4.0.2
      • 34.58
      • Published

      react-image-label

      A comprehensive package for tagging images.

      • v3.0.0
      • 34.52
      • Published

      react-img-mapper

      React Component to highlight interactive zones in images

      • v2.0.0
      • 34.47
      • Published

      simple-image-magnifier

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

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

      react-fader

      component that fades out old children, then fades in new children when its children change

      • v3.3.0
      • 34.29
      • Published

      @lunit/insight-viewer

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

      • v7.2.2
      • 34.24
      • Published

      fix-image-rotation

      Rotates the given image based on the EXIF values

      • v2.0.0
      • 34.21
      • 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.20
      • Published

      evokit-image

      Used to display the image

      • v3.2.0
      • 34.20
      • Published

      next-image-zoom

      Medium.com style image zoom for nextjs

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

      next-react-svg

      Transform your svg image to a React component.

      • v1.2.0
      • 33.75
      • Published

      react-file-icon

      React component to render svg file icons

      • v1.6.0
      • 33.70
      • 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.68
      • Published

      @uploadcare/react-widget

      React File Uploader. React component with uploading from multiple sources

      • v3.0.0
      • 33.67
      • Published

      react-crossfade-simple

      React component to crossfade between two states with no additional CSS

      • v1.0.7
      • 33.64
      • Published

      @mohammedaffan/react-flip-card

      A reusable react hover card component with multiple flip and animation styles (flip , fade , slide)

        • v1.0.2
        • 33.63
        • Published

        reactjs-image-zoom

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

        • v1.0.8
        • 33.60
        • 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.52
        • Published

        react-easy-crop

        A React component to crop images/videos with easy interactions

        • v5.5.0
        • 33.49
        • 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-native-camera

        A Camera component for React Native. Also reads barcodes.

        • v4.2.1
        • 33.24
        • Published

        react-pixels

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

        • v0.5.9
        • 33.19
        • Published

        react-masonry-css

        React Masonry component leveraging CSS to be fast and responsive

        • v1.0.16
        • 33.16
        • 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.07
        • 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.05
        • 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.02
        • Published

        react-gravatar

        React component for rendering a gravatar profile image

        • v2.6.3
        • 33.01
        • Published

        scanbot-web-sdk

        Scanbot Web Document and Barcode Scanner SDK

        • v7.2.0
        • 32.92
        • Published

        easy-magnify-waft

        Everything you need for magnifying images

        • v2.0.2
        • 32.76
        • Published

        @apmg/enceladus

        A React component that takes an array of Image objects from our American Public Media's Images API and turns it into a slideshow, with some options

        • v1.1.1
        • 32.67
        • 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.38
        • Published

        @agility/nextjs

        Agility CMS support for NextJS 14 and Next Image

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

        react-auth-code-input

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

        • v3.2.1
        • 32.10
        • 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.05
          • 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.05
          • Published

          react-relay-network-modern

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

          • v6.2.2
          • 31.83
          • 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.74
          • Published

          gradualblur

          Advanced gradual blur effects with animations, presets, responsive design, and multi-framework support

          • v2.3.6
          • 31.70
          • Published

          react-preview-image

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

          • v1.0.5
          • 31.65
          • Published

          react-img-markup

          Library for adding markup to images using shapes and text

          • v2.1.0
          • 31.63
          • 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.55
          • 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.52
          • 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.36
          • Published

          @nooks_seo/use-fade-in

          React Hook to easily add a fade-in animation to any element.

          • v1.0.0
          • 31.32
          • Published

          react-s3

          A React library for AWS S3 file upload

          • v1.3.1
          • 31.27
          • Published

          react-document-crop

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

          • v0.3.2
          • 31.21
          • Published

          react-img-webp

          React rendering WebP on supported platforms

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

          @react-md/transition

          A package for working with react-md to use some simple transitions.

          • v5.1.6
          • 31.05
          • Published

          use-confetti-svg

          React hook to display a confetti animation with a custom SVG particle image

          • v1.0.2
          • 31.04
          • 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.04
          • Published

          react-cropper

          Cropper as React Component

          • v2.3.3
          • 30.92
          • Published

          animated-text-letters

          Animate each letter in your text with a simple 0 dependencies React.js component.

          • v2.1.9
          • 30.86
          • 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-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.70
          • 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.69
          • 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.68
          • Published

          react-image-filler

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

          • v1.0.1
          • 30.63
          • Published

          react-uncached-image

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

          • v1.1.9
          • 30.58
          • Published

          react-ink

          A React component for adding material design style ink.

          • v6.5.4
          • 30.56
          • Published

          @bobyzgirlllnpm/reiciendis-officiis-aperiam

          Experimental JSON to FFmpeg command line tool for video editing. Because of JSON it's much easier to create and edit video timeline and it's much easier to integrate it with other tools.

          • v1.0.0
          • 30.50
          • Published

          react-image-lazy-load-component

          A simple react component that takes care of async lazy loading of images with sweet fade in animation - inspired by Polymer IronImage

          • v0.2.0
          • 30.49
          • Published

          react-fullscreen-image

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

          • v0.0.3
          • 30.38
          • Published

          react-rounded-image

          Convert an image into a rounded image and you can also change the circle's color

          • v2.0.15
          • 30.23
          • Published

          @wistia/wistia-player-react

          An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.

            • v0.1.16
            • 30.16
            • Published

            react-native-wifi-reborn

            A react-native implementation for viewing and connecting to Wifi networks on Android and iOS devices.

            • v4.13.6
            • 30.10
            • Published

            react-crop

            An image cropper that moves the cropper rather than the image

            • v4.0.2
            • 30.09
            • Published

            @times-components/card

            The card component fades in and lays out content that typically consists of an image and a collection of textual elements (although this content could be anything). Card manages the layout of these elements, whilst providing a consistent loading state for

            • v6.17.9
            • 30.07
            • Published

            react-ratings-declarative

            A customizable rating component for selecting x widgets or visualizing x widgets

            • v3.4.1
            • 30.00
            • Published

            aws-s3

            S3Client - A Javascript Library for AWS S3 File Upload

            • v2.0.5
            • 29.97
            • Published

            react-placeholder

            A React component to easily replicate your page with nice placeholders while the content is loading

            • v4.1.0
            • 29.96
            • Published

            react-avatar-image-cropper

            This is a light library without any dependencies for cropping image for avatar

            • v1.5.0
            • 29.83
            • Published

            @depay/react-token-image

            React component to display token images with fallbacks and unknown state.

            • v6.0.0
            • 29.75
            • Published

            react-is

            Brand checking of React Elements.

            • v19.1.1
            • 29.72
            • Published

            react-resizable-layout

            Lightweight, accessible headless React component and hook for drag-and-drop resizable layouts.

            • v0.7.2
            • 29.71
            • Published

            react-img-zoom

            A React component to zoom images on hover

            • v0.1.0
            • 29.48
            • Published

            react-image-zoom-pan

            Enables zooming and panning an image, both mobile and desktop.

            • v0.3.1
            • 29.48
            • Published

            @responsive-image/react

            React component to render responsive images, provided as locally processed images or loaded remotely from Image CDNs

            • v1.1.1
            • 29.47
            • Published

            react-mindee-js

            Front-End Computer Vision SDK for React

            • v1.6.7
            • 29.45
            • Published

            @inlang/cli

            ![inlang CLI header image](https://cdn.jsdelivr.net/gh/opral/monorepo@latest/inlang/packages/cli/assets/cli-header.jpg)

              • v3.0.12
              • 29.42
              • Published

              @sarthak61199/react-smart-image

              Smart, responsive React image component with BlurHash/LQIP placeholders and CDN-friendly srcset/sizes.

              • v0.1.3
              • 29.42
              • Published

              @gluestack-ui/image-viewer

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

              • v0.0.17
              • 29.39
              • Published

              @ricarso/react-image-magnifiers

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

              • v1.9.0
              • 29.22
              • Published

              mui-image-alter

              Fork of mui-image. Display images as per the Material guidelines using Material-UI v5 or v6. With component prop support.

              • v3.3.0
              • 29.20
              • Published

              react-image-mask

              A React component for creating image masks with drawing tools

              • v0.4.1
              • 29.16
              • Published

              react-gallery-designer

              react component for creating image galleries, carousels, lightbox-like layouts and more

              • v1.4.5
              • 29.09
              • Published