JSPM

Found 151389 results for react image fade

paralax-image

A simple React component to display a parallax image.

  • v0.2.17
  • 37.73
  • Published

react-extract-colors

A react component to extract dominant colors from an image

  • v1.5.1
  • 37.69
  • Published

use-image-color

Grab color palette from any image using React hooks

    • v0.0.9
    • 37.54
    • Published

    react-star-ratings

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

    • v2.3.0
    • 37.39
    • Published

    react-img-placeholder

    There are no external dependencies, aside for a version of react and react-dom which support hooks.

    • v0.1.5
    • 37.34
    • Published

    next-seo

    SEO plugin for Next.js projects

    • v6.8.0
    • 37.21
    • Published

    @measured/puck

    The open-source visual editor for React

    • v0.20.1
    • 37.14
    • 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.69
    • Published

    react-load-image

    A React component for showing placeholder content during image loading

    • v0.1.7
    • 36.67
    • 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.67
    • Published

    @ag-grid-enterprise/core

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

    • v32.3.9
    • 36.43
    • Published

    react-carousel-minimal

    Responsive, minimal and customizable Carousel Component for React Projects.

    • v1.4.1
    • 36.38
    • Published

    @rpldy/upload-preview

    preview component to show image or video being uploaded

    • v1.11.0
    • 36.18
    • Published

    react-images

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

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

    remix-image

    A React component for responsive images in Remix

    • v1.4.0
    • 36.03
    • 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
    • 36.00
    • 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.99
    • Published

    @chakra-ui/slider

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

    • v2.1.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.75
    • Published

    @successtar/react-reveal

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

    • v1.2.10
    • 35.72
    • Published

    react-film

    React component for showing carousel just like a film strip

    • v4.0.0
    • 35.72
    • Published

    react-image-grid-gallery

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

    • v3.1.2
    • 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.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.17
    • Published

    react-shimmer

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

    • v3.2.0
    • 35.15
    • 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
    • 35.01
    • Published

    mui-image-slider

    Image Slider for React using Material-UI

    • v1.0.10
    • 35.01
    • Published

    tailwindcss-radix

    Utilities and variants for styling Radix state

    • v4.0.2
    • 34.85
    • 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.73
    • Published

    react-image-label

    A comprehensive package for tagging images.

    • v3.0.0
    • 34.66
    • Published

    simple-image-magnifier

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

    • v1.1.4
    • 34.56
    • Published

    react-img-mapper

    React Component to highlight interactive zones in images

    • v2.0.0
    • 34.50
    • Published

    react-image-timeline

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

    • v3.2.13
    • 34.33
    • Published

    react-fader

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

    • v3.3.0
    • 34.30
    • Published

    @lunit/insight-viewer

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

    • v7.2.2
    • 34.22
    • 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.97
    • 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
    • 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.89
    • Published

    next-react-svg

    Transform your svg image to a React component.

    • v1.2.0
    • 33.78
    • Published

    react-lazy-load

    Simple lazy loading component built with react

    • v4.0.1
    • 33.77
    • 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.75
    • Published

    evokit-image

    Used to display the image

    • v3.2.0
    • 33.74
    • Published

    @uploadcare/react-widget

    React File Uploader. React component with uploading from multiple sources

    • v3.0.0
    • 33.70
    • Published

    @mohammedaffan/react-flip-card

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

      • v1.0.2
      • 33.67
      • Published

      react-file-icon

      React component to render svg file icons

      • v1.6.0
      • 33.65
      • Published

      react-crossfade-simple

      React component to crossfade between two states with no additional CSS

      • v1.0.7
      • 33.64
      • Published

      reactjs-image-zoom

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

      • v1.0.8
      • 33.58
      • Published

      react-easy-crop

      A React component to crop images/videos with easy interactions

      • v5.5.0
      • 33.50
      • 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.39
      • 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.37
      • Published

      fix-image-rotation

      Rotates the given image based on the EXIF values

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

      react-pixels

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

      • v0.5.9
      • 33.20
      • Published

      react-native-camera

      A Camera component for React Native. Also reads barcodes.

      • v4.2.1
      • 33.13
      • Published

      react-gravatar

      React component for rendering a gravatar profile image

      • v2.6.3
      • 33.07
      • Published

      react-masonry-css

      React Masonry component leveraging CSS to be fast and responsive

      • v1.0.16
      • 33.03
      • 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
      • 32.95
      • Published

      scanbot-web-sdk

      Scanbot Web Document and Barcode Scanner SDK

      • v7.2.0
      • 32.93
      • 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.74
      • 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.38
      • 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.26
      • 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.25
      • Published

      react-konva-utils

      Useful components and hooks for react-konva

        • v1.1.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.20
        • 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.12
        • 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.12
        • Published

        react-auth-code-input

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

        • v3.2.1
        • 32.03
        • Published

        next-qrcode

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

        • v2.5.1
        • 32.02
        • Published

        gradualblur

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

        • v2.3.6
        • 31.98
        • Published

        react-document-crop

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

        • v0.3.2
        • 31.85
        • 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.81
        • Published

        react-preview-image

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

        • v1.0.5
        • 31.66
        • Published

        @tsparticles/all

        Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

        • v3.9.1
        • 31.65
        • Published

        react-uncached-image

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

        • v1.1.9
        • 31.63
        • Published

        @copilotkit/react-ui

        <img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />

        • v1.10.3
        • 31.59
        • Published

        react-relay-network-modern

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

        • v6.2.2
        • 31.55
        • Published

        react-img-markup

        Library for adding markup to images using shapes and text

        • v2.1.0
        • 31.45
        • 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.30
        • Published

        react-s3

        A React library for AWS S3 file upload

        • v1.3.1
        • 31.30
        • 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.23
        • Published

        easy-magnify-waft

        Everything you need for magnifying images

        • v2.0.2
        • 31.14
        • Published

        react-img-webp

        React rendering WebP on supported platforms

        • v2.0.2
        • 31.13
        • Published

        @react-md/transition

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

        • v5.1.6
        • 31.08
        • Published

        react-image-picker-editor

        React library for the selection, edition and compression of images in png, jpeg and webp formats.

        • v1.3.6
        • 31.05
        • Published

        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
        • 31.02
        • Published

        react-cropper

        Cropper as React Component

        • v2.3.3
        • 31.00
        • 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.96
        • Published

        react-rounded-image

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

        • v2.0.15
        • 30.95
        • Published

        animated-text-letters

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

        • v2.1.9
        • 30.92
        • 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.91
        • 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.83
        • 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.71
        • Published

        react-image-filler

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

        • v1.0.1
        • 30.55
        • Published

        react-fullscreen-image

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

        • v0.0.3
        • 30.50
        • Published

        react-ink

        A React component for adding material design style ink.

        • v6.5.4
        • 30.42
        • 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.36
        • 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.20
        • 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-crop

          An image cropper that moves the cropper rather than the image

          • v4.0.2
          • 30.11
          • Published

          react-ratings-declarative

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

          • v3.4.1
          • 30.03
          • Published

          react-placeholder

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

          • v4.1.0
          • 30.01
          • Published

          aws-s3

          S3Client - A Javascript Library for AWS S3 File Upload

          • v2.0.5
          • 30.00
          • Published

          use-confetti-svg

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

          • v1.0.2
          • 30.00
          • Published

          react-native-wifi-reborn

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

          • v4.13.6
          • 29.86
          • Published

          @depay/react-token-image

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

          • v6.0.0
          • 29.85
          • Published

          react-avatar-image-cropper

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

          • v1.5.0
          • 29.82
          • Published

          react-thumbor-image

          Makes it easy to add Thumbor optimized images to your React app.

          • v1.0.3
          • 29.77
          • 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.63
          • Published

          react-is

          Brand checking of React Elements.

          • v19.1.1
          • 29.63
          • Published

          react-resizable-layout

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

          • v0.7.2
          • 29.60
          • Published

          @gluestack-ui/image-viewer

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

          • v0.0.17
          • 29.49
          • Published

          react-img-zoom

          A React component to zoom images on hover

          • v0.1.0
          • 29.48
          • 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.45
            • Published

            react-mindee-js

            Front-End Computer Vision SDK for React

            • v1.6.7
            • 29.45
            • Published

            @sarthak61199/react-smart-image

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

            • v0.1.3
            • 29.38
            • Published

            react-image-glow

            A simple React component that adds glow to an image, similar to YouTube ambient mode.

            • v1.0.6
            • 29.34
            • Published

            @ricarso/react-image-magnifiers

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

            • v1.9.0
            • 29.21
            • 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.19
            • Published

            react-image-video-viewer

            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.

            • v4.0.1
            • 29.15
            • Published

            react-image-zoom-pan

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

            • v0.3.1
            • 29.10
            • Published

            @letanure/electron-dev-runner

            A GitHub-styled Electron app for managing and running development projects with automatic port detection and window management

            • v1.3.6
            • 29.03
            • Published

            react-gallery-designer

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

            • v1.4.5
            • 29.01
            • Published

            react-native-json-tree

            React Native JSON viewing component, based on react-json-tree

            • v1.5.0
            • 29.01
            • 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
            • 28.79
            • Published

            fade-carousel

            Carousel for React for both fade and slide carousels

            • v1.1.4
            • 28.78
            • Published

            react-image-tint

            A React component that applies tint to image

            • v1.0.2
            • 28.74
            • Published

            @navikt/aksel-icons

            800+ open source icons made by Aksel, Nav's design system team.

            • v7.29.0
            • 28.74
            • Published

            react-dropzone-uploader

            React file dropzone and uploader: fully customizable, progress indicators, upload cancellation and restart, zero deps and excellent TypeScript support

            • v2.11.0
            • 28.70
            • Published

            react-s3-uploader

            React component that renders a file input and automatically uploads to an S3 bucket

            • v5.0.0
            • 28.55
            • Published

            react-timed-image

            React image component that re-renders at timed intervals. Includes optional cache busting.

            • v1.2.6
            • 28.47
            • Published

            @yireen/squoosh-browser

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

            • v1.0.7
            • 28.46
            • Published

            react-upload-to-s3

            A react component for uploading files to AWS S3

            • v1.0.16
            • 28.45
            • Published

            react-imageloader

            A React component for wrangling image loading

            • v3.0.0
            • 28.41
            • Published

            react-gif-player

            React component swaps still image with preloaded GIF on click

            • v0.4.2
            • 28.38
            • Published

            react-img-toolkit

            A lightweight React library for optimizing image loading through preloading, lazy loading, and caching capabilities

            • v1.1.5
            • 28.34
            • Published

            react-image-magnifiers-v2

            A collection of responsive, image magnifying React components for mouse and touch. Compatible with React 18.x

            • v2.0.1
            • 28.27
            • Published

            react-quill-image-uploader

            a plugin for react-quill which can upload multi image and remember the image url histroy

            • v0.1.1
            • 28.18
            • Published

            @worktif/purei

            Work TIF Material UI Theme Provider and Customization Suite for React applications with dark mode support and dynamic color schemes

            • v0.2.0-alpha.7
            • 28.17
            • Published

            hercai

            A powerful library for interacting with the Herc.ai API

            • v14.0.3
            • 28.15
            • Published

            reactjs-otp-input

            A fully customizable, one-time password input component for the web built with React

            • v2.0.10
            • 28.13
            • Published

            @sourcetoad/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.

            • v2.4.0
            • 28.08
            • Published

            cannon-es-debugger

            Wireframe debugger for use with cannon-es https://github.com/pmndrs/cannon-es

              • v1.0.0
              • 28.08
              • Published

              react-native-photo-browser

              Local and remote photo browser with captions, selections and grid view support for react native.

              • v0.7.0
              • 28.03
              • Published

              react-smooth-image

              Smooth loading non-bouncing images for react that just work

              • v1.1.0
              • 28.00
              • Published

              react-butterfiles

              A component for building file upload fields of any type.

              • v1.3.3
              • 27.99
              • Published

              @intentui/icons

              A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications.

              • v1.11.0
              • 27.88
              • Published