next
The React Framework
Found 151162 results for react image fade
The React Framework
React Component to lazy load images using a HOC to track window scroll position.
Rescale local images with React Native
A set of predefined transition components
Fetch prominent colors from an image.
A handy FilePond adapter component for React
A set of free MIT-licensed high-quality SVG icons for you to use in your web projects.
A React component for magnifying an image within its parent container 🔎
Display an image in your email
Lightweight Lightbox React Component
Images etc in Full Screen Lightbox Popovers for React Native
Material style image with loading animation
Blurhash implementation for React
A collection of responsive, image magnifying React components for mouse and touch.
Progress indicator for networked images, supports progress bar and spinner
Avatar / profile picture component. Resize and crop your uploaded image using a intuitive user interface.
A Light Box is React component that displays a light box with a content area and a close button from the ZenithUI ecosystem.
React component to compare two images using slider.
Simple React component for crossfading images
A stepper for Bootstrap 4
Skeleton elements (aka UI Skeletons, Skeleton Screens, Ghost Elements) - UI for improved perceived performance
if your image doesn't exist, fallback onto another provided image.
Render an image in React.
A universal headless Button component for React Native, Next.js & React
react-native auto height image
Functional for getting dimensions of any image by url
Simple image viewer component for React
Preload and fade in an image. Optional support for lazy loading.
lightbox image viewer for react with zoom, rotate. Single or multi image mode and touch support
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
A highly customizable modal/bottom sheet that loves scrolling content.
Justified gallery component for React.
An image cropper for Ant Design Upload
Really simple way to add reveal on scroll animation to your React app.
Image resizer, compressor, and converter built with modern TypeScript support
[](https://www.npmjs.com/package/react-image-zooom)
Gatsby plugin providing easy responsive behavior for Sanity-hosted images
Browser polyfill for making React Native compatible with web libs like pixi.js, three.js, phaser.js
A simple, flexible, performant duration picker for React Native apps 🔥 Great for timers, alarms and duration inputs ⏰🕰️⏳ Includes iOS-style haptic and audio feedback 🍏
Easy to use declarative transitions and animations for React Native
React Component for displaying an image from Imgix
Resizable image extension for Tiptap
Essential JS 2 ImageEditor for React
Get original image size (iOS + Android)
Native image crop tools with embeddable UI and on the fly aspect ratio switchin
Library-agnostic React hook that adds scroll-fade indicators to any scrollable container (vertical and horizontal)
A React component used to show users avatar or initials
@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.
image full screen modal for react native
Modern React lightbox component
React utilities for lazy image loading
Display a set of images as a draggable 360 degree turntable.
simple image slider component for react
A simple and fully customizable React Native component that implements an Image Slider UI.
a light-weight Markdown editor based on React
Image Plugin for DraftJS
React image zoom component
Allows to add markers to an image
A collection of reusable React components designed to streamline development and enhance user interfaces.
A responsive image zoom component designed for shopping sites.
react based image zoomer on mouse hover
React component for responsive, high-performance images
A Web component library that brings the power of TwicPics to your favorite web framework.
A headless React component for image cropping
Responsive Justified React Image Gallery Component
React easy to use image component
A React component that adds pan and zoom features to SVG
React Hooks library for remote data fetching
react-native-web-image-loader
React component wrapper around PhotoSwipe
A scroll component for React.js
React component to select multiple areas/regions of images.
Simple fades in React
An image component for gracefully dealing with images errors by providing a placeholder and retries on failure
[](https://www.npmjs.com/package/storybook-addon-module-mock) [](https://www.npmjs.com/package/storybook-addon-module-mock) [, Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
Graceful Progressive image loading for React
A React Native module that allows you to use native UI to select media from the device library or directly from the camera
A lightbox component for React.js
The React component for Splide.
A simple and fully customizable React Native Component that implements Image and Banner Slider UI with animations.
Images etc in Full Screen Lightbox Popovers for React Native
js lib HTML5 Camera Photo
`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
An image cropper that moves the cropper rather than the image
Progressive image loading for React
A collection of animations for inline styles
A standalone version of the Next.js Image component for use in non-Next.js projects.
Everything you need for magnifying images
Source plugin providing Kontent.ai data from REST Delivery API
ImageManipulator for react native without Expo and Unimodules. Based on Expo ImageManipulator
Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package
Vue component to compare two images using slider.
The react cropper library that gives the possibility to create croppers exactly suited for your website design
StaticDelivr simplifies image delivery by optimizing performance through CDN integration, format conversion, and dynamic resizing. Perfect for React applications.
Automatically optimize images used in next.js projects (jpeg, png, gif, svg).
`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.
This package converts a Recharts chart to a png.
Customizable slide fade-in animation for react
Create guided tours for your apps
React component for check browser support format webp and insert if supported webp image.
Client-side canvas-based image manipulation library.
Customizable progressive image for React Native with FastImage
React component for serving optimized images.
react library for uploading images
An image component that accepts blobs (as returned, from example, from couchdb) and file objects (such as the ones uploaded in the browser)
A customizable star rating component for selecting x stars or visualizing x stars
React component for rendering images with hotspots
SEO plugin for Next.js projects
Select single or multiple images, with croping option
Grab color palette from any image using React hooks
Crop component to crop profile images
A simple React component to display a parallax image.
A security-focused wrapper for react-markdown that filters URLs based on allowed prefixes
Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for React
A react component to extract dominant colors from an image
React Native component for scaling an Image within the parent View
Calendar! with events
The open-source visual editor for React
A collection of responsive, image magnifying React components for mouse and touch.
simple react image carousel
WebP integration for React Native apps
Everything you need for magnifying your images
Rolling bar (banner) UI for React Native
View and annotate PDF files in your web app. Full support for mobile and desktop. Runs in the browser using WASM.
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
A React component for showing placeholder content during image loading
Turn images into interactive particles
Image
Responsive, minimal and customizable Carousel Component for React Projects.
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.
A percent react image map compnent -
Really simple way to add reveal on scroll animation to your React app.
There are no external dependencies, aside for a version of react and react-dom which support hooks.
Volto add-on: Extends Voltos FileWidget to be able to crop images in-place.
A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
Simple slider component for comparing images. Before and after.
export component as jpeg, png, pdf
preview component to show image or video being uploaded
An exquisite React photo preview component
Element React module for WordPress.
A React component for responsive images in Remix
A React component for image magnification
Progressively load images using a blur effect. Edit
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
Accessible slider component for React that implements <input type=range>
React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐
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.
React component for showing carousel just like a film strip
A lightbox component for React.js
A React image cropping component with aspect ratio controls
react image viewer
React Image (Suspense-like) Loader component that simulates a shimmer effect
React lightbox with animation and customization options
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.
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.
A simple image gallery with lightbox for displaying a grid of images in React apps
Utilities and variants for styling Radix state
Image Slider for React using Material-UI
A react-native component to input confirmation code for both Android and IOS
imageMapper
Professional React image editor component with blur, crop, shapes, drawing, and undo/redo functionality. Built with Fabric.js and modern React patterns.
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.
React rendering WebP on supported platforms
A comprehensive package for tagging images.
Simple react wrapper for google picker API
Image Magnifier JavaScript (Typescript) | Image Zoom on Hover using | Image Hover Effect
ImageManipulator for react native without Expo and Unimodules. Based on Expo ImageManipulator
Based on the cornerstone library, it provides several components for handling Dicom images
Plain wrapper that renders full image preview on child image tag click
React Component to highlight interactive zones in images
Cross platform photo upload component for react native
component that fades out old children, then fades in new children when its children change
An image-centric timeline component for React.js. View chronological events in a pleasant way.
Simple component to select range values from slider. React component that return two value minValue and maxValue by event onInput/onChange.
Article Image
A collection of responsive, image magnifying React components for mouse and touch.
Used to display the image
Rotates the given image based on the EXIF values
A React component to compare images with a slider.
Medium.com style image zoom for nextjs
A responsive Image element that takes the full width of its parent element while maintaining aspect ratio.
tsParticles confetti preset
[![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]
This package provides a react component to render an infinite carousel
A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.
Simple lazy loading component built with react
React component to render svg file icons
Transform your svg image to a React component.
React component to crossfade between two states with no additional CSS
React File Uploader. React component with uploading from multiple sources
A react image component which zoom the image in the viewport of the website.
A React component to crop images/videos with easy interactions
[](https://www.npmjs.com/package/react-upload-gallery) [](LICENSE) [
React Masonry component leveraging CSS to be fast and responsive
A Camera component for React Native. Also reads barcodes.
A responsive react image zoom component
React Awesome Slider is a 60fps performant, extendable, highly customisable, production ready React Component that renders a media (image/video) gallery slider carousel.
Cached image component for Expo's managed workflow
SlateJS image node plugin.
React Native modal component for viewing images as a sliding gallery
Scanbot Web Document and Barcode Scanner SDK
React image zoom component
Pixels.js Adapter for React (https://silvia-odwyer.github.io/pixels.js/)
React component for rendering a gravatar profile image
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.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
A comprehensive React image upload component with modal-based cropping capabilities and selective upload support
React Native component for creating animated, circular progress with react-native-svg
Everything you need for magnifying images
React Responsive Carousel
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
Component for easy image cropping in react
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