JSPM

Found 151101 results for react image fallback

react-image-fallback

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

  • v8.0.0
  • 210.75
  • Published

@chakra-ui/image

React component for progressive image loading

  • v2.1.0
  • 110.82
  • Published

rc-image

React easy to use image component

  • v7.12.0
  • 104.17
  • Published

react-image-crop

A responsive image cropping tool for React

  • v11.0.10
  • 80.46
  • Published

react-image-gallery

React carousel image gallery component with thumbnail and mobile support

  • v1.4.0
  • 76.89
  • Published

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

  • v8.2.1
  • 75.51
  • Published

use-image

Custom React Hook for loading images.

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

@chakra-ui/avatar

A React component used to show users avatar or initials

  • v2.3.0
  • 66.10
  • Published

react-colorful

🎨 A tiny (2,8 KB) color picker component for React and Preact apps. Fast, well-tested, dependency-free, mobile-friendly and accessible

  • v5.6.1
  • 66.08
  • Published

react-awesome-lightbox

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

  • v1.8.1
  • 63.20
  • Published

react-masonry-css

React Masonry component leveraging CSS to be fast and responsive

  • v1.0.16
  • 63.01
  • Published

next

The React Framework

  • v15.5.2
  • 62.80
  • Published

react-image-magnify

A responsive image zoom component designed for shopping sites.

  • v2.7.4
  • 62.01
  • Published

react-filepond

A handy FilePond adapter component for React

  • v7.1.3
  • 61.88
  • Published

react-native-camera

A Camera component for React Native. Also reads barcodes.

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

react-inner-image-zoom

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

  • v4.0.1
  • 61.21
  • Published

hygen

The scalable code generator that saves you time.

  • v6.2.11
  • 59.03
  • Published

react-blurhash

Blurhash implementation for React

  • v0.3.0
  • 57.34
  • Published

react-image-magnifiers

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

  • v1.4.0
  • 57.31
  • Published

react-sortable-hoc

Set of higher-order components to turn any list into a sortable, touch-friendly, animated list

  • v2.0.0
  • 57.06
  • Published

react-avatar-editor

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

  • v13.0.2
  • 56.12
  • Published

@gluestack-ui/avatar

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

  • v0.1.18
  • 55.91
  • Published

mui-image

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

  • v1.0.9
  • 55.83
  • Published

react-compare-image

React component to compare two images using slider.

  • v3.5.7
  • 55.62
  • Published

@gluestack-ui/image

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

  • v0.1.17
  • 53.98
  • Published

react-image-size

Functional for getting dimensions of any image by url

  • v2.4.0
  • 53.43
  • Published

next-qrcode

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

  • v2.5.1
  • 52.98
  • Published

react-web-share

Tiny Web Share API Wrapper with fallback for unsupported browsers

  • v2.0.2
  • 52.21
  • Published

material-ui-image

Material style image with loading animation

  • v3.3.2
  • 52.10
  • 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.06
  • Published

react-multi-select-component

Simple and lightweight multiple selection dropdown component with checkboxes, search and select-all

  • v4.3.4
  • 51.55
  • Published

react-native-modalize

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

  • v2.1.1
  • 51.54
  • Published

antd-img-crop

An image cropper for Ant Design Upload

  • v4.25.0
  • 51.09
  • 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.59
  • Published

gatsby-plugin-sanity-image

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

  • v0.13.5
  • 50.38
  • 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.34
  • Published

ink-link

Link component for Ink

  • v4.1.0
  • 50.28
  • Published

@nozbe/microfuzz

A tiny, simple, fast fuzzy search library

  • v1.0.0
  • 50.14
  • Published

react-imgix

React Component for displaying an image from Imgix

  • v9.10.0
  • 49.84
  • Published

react-webp-image

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

  • v1.0.8
  • 49.52
  • 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

tailwind-styled-components

Create tailwind css react components like styled components with classes name on multiple lines

  • v2.2.0
  • 49.18
  • 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
  • 48.97
  • Published

react-images

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

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

react-image-turntable

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

  • v3.1.2
  • 48.36
  • Published

react-native-image-slider-box

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

  • v2.0.7
  • 47.98
  • Published

rc-tween-one

tween-one anim component for react

  • v3.0.6
  • 47.78
  • Published

react-relay-network-modern

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

  • v6.2.2
  • 47.56
  • Published

react-cool-img

A React <Img /> component let you handle image UX and performance as a Pro!

  • v1.2.12
  • 47.26
  • Published

react-image-zoom

react based image zoomer on mouse hover

  • v1.3.1
  • 46.91
  • Published

react-interactive

Better hover, active and focus states than CSS pseudo-classes, and a callback when the interactive state changes.

  • v1.1.2
  • 46.71
  • Published

@unpic/react

React component for responsive, high-performance images

  • v1.0.1
  • 46.51
  • Published

@twicpics/components

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

  • v0.33.0
  • 46.46
  • Published

react-photo-gallery

Responsive Justified React Image Gallery Component

  • v8.0.0
  • 46.38
  • Published

react-svg-pan-zoom

A React component that adds pan and zoom features to SVG

  • v3.13.1
  • 46.06
  • Published

swr

React Hooks library for remote data fetching

  • v2.3.6
  • 45.83
  • Published

pastable

<h1 align="center"> 📦 A collection of pastable code gathered from past projects </h1>

  • v2.2.1
  • 45.74
  • Published

react-scroll

A scroll component for React.js

  • v1.9.3
  • 45.63
  • Published

use-count-up

React/React Native component and hook to animate counting up or down to a number

  • v3.0.1
  • 45.61
  • 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.49
  • Published

react-icon-tint

Put some colour on your PNG Icons.

  • v2.5.1
  • 45.48
  • 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.41
  • Published

fabri-pix

A React image editor using Fabric.js

  • v1.0.8
  • 44.92
  • 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
  • 44.87
  • Published

remix-image

A React component for responsive images in Remix

  • v1.4.0
  • 44.81
  • Published

@tippyjs/react

React component for Tippy.js

  • v4.2.6
  • 44.75
  • Published

json-edit-react

React component for editing or viewing JSON/object data

  • v1.28.2
  • 44.70
  • Published

lightbox-react

Lightbox for React components or images

  • v0.3.8
  • 44.63
  • Published

react-file-drop

Zero dependency React component for Gmail or Facebook -like drag and drop file uploader. Drag files anywhere onto the window (or user defined 'frame' prop)! Very extensible, provides many hooks so you can use it to develop any custom behavior that you des

  • v3.1.6
  • 44.61
  • Published

react-spreadsheet-grid

An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns

  • v2.3.1
  • 44.12
  • Published

react-just-parallax

React library for scroll and mousemove parallax effect ✨ Open source, production-ready

  • v3.1.16
  • 44.10
  • Published

awesome-image-viewer

React, Angular, Vue, and Typescript compatible image viewer

  • v1.0.60
  • 44.04
  • Published

use-local-storage

A flexible React Hook for using Local Storage.

  • v3.0.0
  • 43.94
  • Published

react-qrcode-logo

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

  • v4.0.0
  • 43.93
  • Published

react-contexify

Add contextmenu to your react component with ease

  • v6.0.0
  • 43.64
  • Published

react-thumbor-image

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

  • v1.0.3
  • 43.50
  • Published

react-plotly.js

A plotly.js react component from Plotly

  • v2.6.0
  • 43.27
  • Published

avvvatars-react

generates unique placeholder avatars with either characters or shapes for your react project

    • v0.4.2
    • 43.22
    • Published

    use-ssr

    ☯️ React hook to determine if you're on the server or browser

    • v1.0.25
    • 43.18
    • Published

    react-qr-image

    A React component for a QR image generated from text

      • v1.1.0
      • 43.12
      • Published

      react-intl-tel-input

      Telephone input component. Rewrite intl-tel-input in React.js.

      • v8.2.0
      • 43.10
      • Published

      react-countdown-circle-timer

      Lightweight React countdown timer component with color and progress animation based on SVG

      • v3.2.1
      • 43.03
      • Published

      remark-images

      remark plugin to add a simpler image syntax

      • v4.1.0
      • 43.01
      • Published

      react-easy-router

      The simplest way to add routing to your React app

      • v2.2.0
      • 43.01
      • Published

      react-native-exception-handler

      A react native module that lets you to register a global error handler that can capture fatal/non fatal uncaught exceptions.

      • v2.10.10
      • 42.77
      • Published

      @emotion/native

      Style and render React Native components using emotion

      • v11.11.0
      • 42.75
      • Published

      hook-conditional

      Conditionally run different React hooks at runtime with a clean and safe API that follows the Rules of Hooks.

      • v0.2.0
      • 42.66
      • Published

      react-stepzilla

      A react multi-step, wizard component for managing data collection via forms and sub components

      • v7.0.0
      • 42.58
      • Published

      react-hot-loader

      Tweak React components in real time.

      • v4.13.1
      • 42.42
      • Published

      react-slidy

      🍃 React Slidy - Minimalistic and smooth touch slider component for React ⚛️

      • v4.3.3
      • 41.94
      • Published

      next-progress

      NextJS NProgress implementation

      • v2.3.1
      • 41.76
      • Published

      react-cool-dimensions

      React hook to measure an element's size and handle responsive components.

      • v3.0.1
      • 41.65
      • Published

      react-parallax

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

      • v3.5.2
      • 41.33
      • Published

      expo-asset-utils

      Utilities for converting files into Expo Assets

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

      react-cool-virtual

      A tiny React hook for rendering large datasets like a breeze.

      • v0.7.0
      • 41.15
      • Published

      react-swipeable

      React Swipe event handler hook

      • v7.0.2
      • 41.05
      • Published

      @expo/match-media

      Universal polyfill for match media API using Expo APIs on mobile

      • v0.4.0
      • 41.01
      • Published

      graphql-anywhere

      Run GraphQL queries with no schema and just one resolver

      • v4.2.8
      • 40.86
      • Published

      expo-fast-image

      an optimized cached image for expo base on expo file system

      • v1.1.3
      • 40.64
      • 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.37
      • Published

      react-retina-image

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

      • v2.0.5
      • 40.21
      • Published

      react-csv-importer

      React CSV import widget with user-customizable mapping

      • v0.8.1
      • 40.20
      • 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.14
      • Published

      @yamada-ui/image

      Yamada UI media and image component

      • v1.3.11
      • 40.08
      • Published

      @exodus/react-native-image-picker

      A React Native module that allows you to use native UI to select media from the device library or directly from the camera

      • v0.28.1-exodus.10
      • 39.98
      • Published

      croact

      Simple React for compatible use

      • v1.0.4
      • 39.95
      • Published

      @rollbar/react

      Effortlessly track and debug errors in your React applications with Rollbar. This package includes advanced error tracking features and a set of React-specific enhancements to help you identify and fix issues more quickly.

      • v1.0.0
      • 39.93
      • Published

      react-cool-inview

      React hook to monitor an element enters or leaves the viewport (or another element).

      • v3.0.1
      • 39.85
      • Published

      react-image-loading

      Load an image in React with loading placeholder and fallback

      • v0.2.2
      • 39.75
      • Published

      flux

      An application architecture based on a unidirectional data flow

      • v4.0.4
      • 39.69
      • 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.60
      • Published

      expo-image-editor

      A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!

      • v1.7.1
      • 39.59
      • Published

      react-native-lightbox

      Images etc in Full Screen Lightbox Popovers for React Native

      • v0.8.1
      • 39.54
      • Published

      react-portal

      To make your life with React Portals easier.

      • v4.3.0
      • 39.54
      • 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.46
      • Published

      react-quill

      The Quill rich-text editor as a React component.

      • v2.0.0
      • 39.34
      • Published

      react-bootstrap-daterangepicker

      A date/time picker for react (using bootstrap). This is a react port of: https://github.com/dangrossman/bootstrap-daterangepicker

      • v8.0.0
      • 39.25
      • Published

      next-image-standalone

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

      • v0.1.3
      • 39.15
      • Published

      easy-magnify

      Everything you need for magnifying images

      • v1.1.4
      • 39.06
      • Published

      @midudev/react-progressive-hydration

      Server Side Rendering for a component and skip the hydration step on the client but, as soon as it appears on the viewport, then hydrate it. Useful for list of items.

        • v2.0.2
        • 39.04
        • Published

        create-slots

        Bring slots to React components

        • v0.6.1
        • 39.03
        • Published

        react-beamer

        ---- Simple wrapper to simplify integration with [Beamer](https://www.getbeamer.com/).

        • v1.1.0
        • 39.00
        • Published

        react-native-image-manipulator

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

        • v1.0.6
        • 38.99
        • Published

        react-multiline-clamp

        React component that uses the css line clamping to truncate given text in specified lines.

        • v2.0.0
        • 38.90
        • 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

        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-advanced-cropper

        The react cropper library that gives the possibility to create croppers exactly suited for your website design

        • v0.20.1
        • 38.64
        • Published

        react-native-stories-view

        A simple and fully customizable React Native component that implements a status/stories view like Whatsapp, Instagram

        • v1.0.9
        • 38.64
        • Published

        recharts-to-png

        This package converts a Recharts chart to a png.

        • v3.0.1
        • 38.62
        • Published

        @carbon/import-once

        Sass helper for importing files only once. Used in the Carbon Design System

        • v10.7.0
        • 38.58
        • Published

        next-optimized-images

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

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

        react-joyride

        Create guided tours for your apps

        • v2.9.3
        • 38.46
        • Published

        react-image-webp

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

        • v0.8.0
        • 38.40
        • Published

        reakit

        Toolkit for building accessible rich web apps with React

        • v1.3.11
        • 38.39
        • Published

        react-easy-emoji

        A super minimal emoji rendering library for React

        • v1.8.1
        • 38.17
        • Published

        suspend-react

        Integrate React Suspense into your apps

        • v0.1.3
        • 38.15
        • Published

        imtool

        Client-side canvas-based image manipulation library.

        • v1.2.1
        • 38.08
        • Published

        react-hook-currency

        > This libraries propose to introduce two pseudo hooks, one capable of format currencies and another capable to simulate a cash register.

        • v0.1.0
        • 38.05
        • 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
        • 37.98
        • Published

        react-native-animatable

        Easy to use declarative transitions and animations for React Native

        • v1.4.0
        • 37.92
        • Published

        tunnel-rat

        non gratum anus rodentum

        • v0.1.2
        • 37.69
        • Published

        react-star-ratings

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

        • v2.3.0
        • 37.66
        • Published

        use-image-color

        Grab color palette from any image using React hooks

          • v0.0.9
          • 37.59
          • Published

          paralax-image

          A simple React component to display a parallax image.

          • v0.2.17
          • 37.57
          • Published

          next-seo

          SEO plugin for Next.js projects

          • v6.8.0
          • 37.54
          • Published

          react-extract-colors

          A react component to extract dominant colors from an image

          • v1.5.1
          • 37.38
          • Published