JSPM

Found 151162 results for react image fade

next

The React Framework

  • v15.5.2
  • 62.77
  • Published

transitions-kit

A set of predefined transition components

  • v1.3.0
  • 62.18
  • Published

react-filepond

A handy FilePond adapter component for React

  • v7.1.3
  • 61.87
  • Published

@tabler/icons

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

  • v3.34.1
  • 61.29
  • Published

react-inner-image-zoom

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

  • v4.0.1
  • 61.03
  • Published

react-blurhash

Blurhash implementation for React

  • v0.3.0
  • 57.32
  • Published

react-image-magnifiers

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

  • v1.4.0
  • 57.30
  • Published

react-avatar-editor

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

  • v13.0.2
  • 56.17
  • Published

@zenithui/light-box

A Light Box is React component that displays a light box with a content area and a close button from the ZenithUI ecosystem.

  • v1.1.1
  • 55.64
  • Published

react-compare-image

React component to compare two images using slider.

  • v3.5.7
  • 55.61
  • Published

bs-stepper

A stepper for Bootstrap 4

  • v1.7.0
  • 54.49
  • Published

skeleton-elements

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

  • v4.0.1
  • 54.43
  • Published

react-image-fallback

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

  • v8.0.0
  • 54.25
  • Published

@gluestack-ui/image

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

  • v0.1.17
  • 53.94
  • Published

react-image-size

Functional for getting dimensions of any image by url

  • v2.4.0
  • 53.43
  • Published

react-preload-image

Preload and fade in an image. Optional support for lazy loading.

  • v1.0.7
  • 52.70
  • Published

react-awesome-lightbox

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

  • v1.8.1
  • 52.19
  • 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
  • 52.10
  • Published

react-native-modalize

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

  • v2.1.1
  • 51.52
  • Published

antd-img-crop

An image cropper for Ant Design Upload

  • v4.25.0
  • 51.13
  • Published

react-reveal

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

  • v1.2.2
  • 51.07
  • Published

image-resize-compress

Image resizer, compressor, and converter built with modern TypeScript support

  • v2.1.1
  • 50.88
  • 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.48
  • Published

gatsby-plugin-sanity-image

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

  • v0.13.5
  • 50.37
  • 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.30
  • Published

react-native-timer-picker

A simple, flexible, performant duration picker for React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳ Includes iOS-style haptic and audio feedback 🍏

  • v2.2.0
  • 50.12
  • Published

react-native-animatable

Easy to use declarative transitions and animations for React Native

  • v1.4.0
  • 49.93
  • Published

react-imgix

React Component for displaying an image from Imgix

  • v9.10.0
  • 49.81
  • Published

@gboue/use-scroll-fades

Library-agnostic React hook that adds scroll-fade indicators to any scrollable container (vertical and horizontal)

  • v3.4.0
  • 49.45
  • Published

@chakra-ui/avatar

A React component used to show users avatar or initials

  • v2.3.0
  • 49.41
  • 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.40
  • Published

react-image-turntable

Display a set of images as a draggable 360 degree turntable.

  • v3.1.2
  • 48.34
  • Published

react-native-image-slider-box

A simple and fully customizable React Native component that implements an Image Slider UI.

  • v2.0.7
  • 47.96
  • Published

@anton.bobrov/react-components

A collection of reusable React components designed to streamline development and enhance user interfaces.

  • v3.5.0
  • 47.22
  • Published

react-image-zoom

react based image zoomer on mouse hover

  • v1.3.1
  • 46.92
  • Published

@unpic/react

React component for responsive, high-performance images

  • v1.0.1
  • 46.63
  • Published

@twicpics/components

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

  • v0.33.0
  • 46.45
  • Published

react-photo-gallery

Responsive Justified React Image Gallery Component

  • v8.0.0
  • 46.41
  • Published

react-svg-pan-zoom

A React component that adds pan and zoom features to SVG

  • v3.13.1
  • 46.13
  • Published

swr

React Hooks library for remote data fetching

  • v2.3.6
  • 45.84
  • Published

react-scroll

A scroll component for React.js

  • v1.9.3
  • 45.68
  • Published

react-fade

Simple fades in React

  • v1.1.1
  • 45.49
  • 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.47
  • 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.40
  • Published

fabri-pix

A React image editor using Fabric.js

  • v1.0.8
  • 44.92
  • Published

lightbox-react

Lightbox for React components or images

  • v0.3.8
  • 44.67
  • Published

json-edit-react

React component for editing or viewing JSON/object data

  • v1.28.2
  • 44.64
  • Published

awesome-image-viewer

React, Angular, Vue, and Typescript compatible image viewer

  • v1.0.60
  • 44.02
  • Published

react-qrcode-logo

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

  • v4.0.0
  • 43.84
  • Published

@gluestack-ui/avatar

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

  • v0.1.18
  • 43.12
  • Published

remark-images

remark plugin to add a simpler image syntax

  • v4.1.0
  • 43.04
  • Published

@emotion/native

Style and render React Native components using emotion

  • v11.11.0
  • 42.73
  • Published

expo-asset-utils

Utilities for converting files into Expo Assets

  • v3.0.0
  • 41.36
  • 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.26
  • 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

react-swipeable

React Swipe event handler hook

  • v7.0.2
  • 41.11
  • Published

react-animation

Helpful animation components for adding movement to your React components

  • v1.2.2
  • 40.68
  • 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.38
  • Published

react-retina-image

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

  • v2.0.5
  • 40.19
  • 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.18
  • Published

@yamada-ui/image

Yamada UI media and image component

  • v1.3.11
  • 40.08
  • 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.07
  • 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.97
  • 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.82
  • Published

react-native-lightbox

Images etc in Full Screen Lightbox Popovers for React Native

  • v0.8.1
  • 39.60
  • 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

react-animations

A collection of animations for inline styles

    • v1.0.0
    • 39.26
    • Published

    next-image-standalone

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

    • v0.1.3
    • 39.14
    • Published

    easy-magnify

    Everything you need for magnifying images

    • v1.1.4
    • 39.10
    • Published

    react-native-image-manipulator

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

    • v1.0.6
    • 38.97
    • Published

    react-native-shadow-2

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

    • v7.1.2
    • 38.87
    • Published

    vue-compare-image

    Vue component to compare two images using slider.

    • v0.2.0
    • 38.83
    • 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.73
    • 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.69
    • Published

    next-optimized-images

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

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

    recharts-to-png

    This package converts a Recharts chart to a png.

    • v3.0.1
    • 38.59
    • Published

    react-joyride

    Create guided tours for your apps

    • v2.9.3
    • 38.49
    • Published

    react-image-webp

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

    • v0.8.0
    • 38.41
    • Published

    imtool

    Client-side canvas-based image manipulation library.

    • v1.2.1
    • 38.07
    • 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.88
    • Published

    react-star-ratings

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

    • v2.3.0
    • 37.73
    • 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.58
      • Published

      paralax-image

      A simple React component to display a parallax image.

      • v0.2.17
      • 37.56
      • Published

      harden-react-markdown

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

      • v1.0.5
      • 37.54
      • Published

      react-extract-colors

      A react component to extract dominant colors from an image

      • v1.5.1
      • 37.39
      • Published

      @measured/puck

      The open-source visual editor for React

      • v0.20.1
      • 37.19
      • 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.87
      • Published

      @ag-grid-enterprise/core

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

      • v32.3.9
      • 36.74
      • Published

      react-load-image

      A React component for showing placeholder content during image loading

      • v0.1.7
      • 36.72
      • Published

      react-carousel-minimal

      Responsive, minimal and customizable Carousel Component for React Projects.

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

      @successtar/react-reveal

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

      • v1.2.10
      • 36.60
      • 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.57
      • Published

      react-images

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

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

      @rpldy/upload-preview

      preview component to show image or video being uploaded

      • v1.11.0
      • 36.21
      • Published

      remix-image

      A React component for responsive images in Remix

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

      @chakra-ui/slider

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

      • v2.1.0
      • 35.94
      • 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.91
      • 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.79
      • Published

      react-film

      React component for showing carousel just like a film strip

      • v4.0.0
      • 35.79
      • Published

      @orchard9ai/cropper

      A React image cropping component with aspect ratio controls

        • v0.8.0
        • 35.67
        • Published

        react-shimmer

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

        • v3.2.0
        • 35.24
        • Published

        lightbox.js-react

        React lightbox with animation and customization options

        • v1.6.2
        • 35.21
        • 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.11
        • Published

        tailwindcss-radix

        Utilities and variants for styling Radix state

        • v4.0.2
        • 35.09
        • 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.97
        • 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.96
        • Published

        react-img-webp

        React rendering WebP on supported platforms

        • v2.0.2
        • 34.95
        • Published

        react-image-label

        A comprehensive package for tagging images.

        • v3.0.0
        • 34.93
        • Published

        simple-image-magnifier

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

        • v1.1.4
        • 34.78
        • Published

        @lunit/insight-viewer

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

        • v7.2.2
        • 34.64
        • Published

        react-img-mapper

        React Component to highlight interactive zones in images

        • v2.0.0
        • 34.53
        • Published

        react-fader

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

        • v3.3.0
        • 34.39
        • 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.31
        • Published

        evokit-image

        Used to display the image

        • v3.2.0
        • 34.25
        • Published

        fix-image-rotation

        Rotates the given image based on the EXIF values

        • v2.0.0
        • 34.24
        • Published

        next-image-zoom

        Medium.com style image zoom for nextjs

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

        next-react-svg

        Transform your svg image to a React component.

        • v1.2.0
        • 33.70
        • Published

        react-crossfade-simple

        React component to crossfade between two states with no additional CSS

        • v1.0.7
        • 33.62
        • Published

        @uploadcare/react-widget

        React File Uploader. React component with uploading from multiple sources

        • v3.0.0
        • 33.62
        • Published

        reactjs-image-zoom

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

        • v1.0.8
        • 33.62
        • Published

        react-easy-crop

        A React component to crop images/videos with easy interactions

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

        @mohammedaffan/react-flip-card

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

          • v1.0.2
          • 33.54
          • Published

          react-masonry-css

          React Masonry component leveraging CSS to be fast and responsive

          • v1.0.16
          • 33.42
          • Published

          react-native-camera

          A Camera component for React Native. Also reads barcodes.

          • v4.2.1
          • 33.41
          • 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.27
          • Published

          scanbot-web-sdk

          Scanbot Web Document and Barcode Scanner SDK

          • v7.2.0
          • 33.20
          • Published

          react-pixels

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

          • v0.5.9
          • 33.19
          • Published

          react-gravatar

          React component for rendering a gravatar profile image

          • v2.6.3
          • 33.13
          • Published

          react-cloudimage-responsive

          Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.

          • v3.6.5
          • 33.09
          • Published

          @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.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.04
          • Published

          easy-magnify-waft

          Everything you need for magnifying images

          • v2.0.2
          • 32.86
          • 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.75
          • 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.60
          • Published