awesome-image-viewer
React, Angular, Vue, and Typescript compatible image viewer
Found 151186 results for react image fade
React, Angular, Vue, and Typescript compatible image viewer
React Native Image Cache and Progressive Loading based on Expo
React Native modal component for viewing images as a sliding gallery
React component to generate a QR Code customizable with logo and more properties
React image zoom component
remark plugin to add a simpler image syntax
A universal headless avatar component for React Native, Next.js & React
Style and render React Native components using emotion
react image crop
Responsive, minimal and customizable Carousel Component for React Projects.
N1ED editor as a React component
A simple react component for rendering webp images with a fallback for older browsers
Zero-config PWA for Vite
A React Component for parallax effect working in client-side and server-side rendering environment
React Swipe event handler hook
Utilities for converting files into Expo Assets
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.
tsParticles export image plugin
A responsive image zoom component designed for shopping sites.
Rotate images from your react-native JavaScript code
Customizable Icons for React Native with support for image source and full styling.
React.js fade out/in opacity effect
Helpful animation components for adding movement to your React components
an optimized cached image for expo base on expo file system
React component for making your site images appear in a fade in
React Native Higher Order Component that adds advanced caching functionality to the react native Image component.
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.
React component for serving high-resolution images to devices with retina displays
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.
Yamada UI media and image component
Graceful Progressive image loading for React
A lightbox component for React.js
A React Native module that allows you to use native UI to select media from the device library or directly from the camera
A simple and fully customizable React Native Component that implements Image and Banner Slider UI with animations.
The React component for Splide.
`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
js lib HTML5 Camera Photo
Progressive image loading for React
Images etc in Full Screen Lightbox Popovers for React Native
An image cropper that moves the cropper rather than the image
A collection of animations for inline styles
A standalone version of the Next.js Image component for use in non-Next.js projects.
Source plugin providing Kontent.ai data from REST Delivery API
Everything you need for magnifying images
ImageManipulator for react native without Expo and Unimodules. Based on Expo ImageManipulator
Vue component to compare two images using slider.
Cross-platform shadow for React Native. Improved version of the abandoned react-native-shadow package
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).
The react cropper library that gives the possibility to create croppers exactly suited for your website design
This package converts a Recharts chart to a png.
Customizable slide fade-in animation for react
`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.
Create guided tours for your apps
React component for check browser support format webp and insert if supported webp image.
Customizable progressive image for React Native with FastImage
Client-side canvas-based image manipulation library.
React component for serving optimized images.
An image component that accepts blobs (as returned, from example, from couchdb) and file objects (such as the ones uploaded in the browser)
react library for uploading images
A security-focused wrapper for react-markdown that filters URLs based on allowed prefixes
React component for rendering images with hotspots
Select single or multiple images, with croping option
A customizable star rating component for selecting x stars or visualizing x stars
Grab color palette from any image using React hooks
Crop component to crop profile images
SEO plugin for Next.js projects
A simple React component to display a parallax image.
A react component to extract dominant colors from an image
Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for React
React Native component for scaling an Image within the parent View
The open-source visual editor for React
Calendar! with events
A collection of responsive, image magnifying React components for mouse and touch.
WebP integration for React Native apps
simple react image carousel
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.
Turn images into interactive particles
Image
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 React component for showing placeholder content during image loading
Responsive, minimal and customizable Carousel Component for React Projects.
There are no external dependencies, aside for a version of react and react-dom which support hooks.
A percent react image map compnent -
Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue
Volto add-on: Extends Voltos FileWidget to be able to crop images in-place.
Really simple way to add reveal on scroll animation to your React app.
Simple slider component for comparing images. Before and after.
preview component to show image or video being uploaded
A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS
export component as jpeg, png, pdf
Element React module for WordPress.
An exquisite React photo preview component
A React component for responsive images in Remix
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
React File Upload UI Widget — Lightweight & supports: drag and drop, multiple uploads, image cropping, customization & more 🚀 Comes with Cloud Storage 🌐
Progressively load images using a blur effect. Edit
A React component for image magnification
Accessible slider component for React that implements <input type=range>
React component for showing carousel just like a film strip
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.
A lightbox component for React.js
react image viewer
A React image cropping component with aspect ratio controls
React Image (Suspense-like) Loader component that simulates a shimmer effect
React lightbox with animation and customization options
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 React component that aims to take advantage of [Cloudflare Image](https://developers.cloudflare.com/images/transform-images/transform-via-url/) without an object storage.
A react-native component to input confirmation code for both Android and IOS
A simple image gallery with lightbox for displaying a grid of images in React apps
imageMapper
Image Slider for React using Material-UI
Utilities and variants for styling Radix state
A comprehensive package for tagging images.
Professional React image editor component with blur, crop, shapes, drawing, and undo/redo functionality. Built with Fabric.js and modern React patterns.
Simple react wrapper for google picker API
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.
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.
Article Image
A collection of responsive, image magnifying React components for mouse and touch.
Used to display the image
Simple component to select range values from slider. React component that return two value minValue and maxValue by event onInput/onChange.
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
This package provides a react component to render an infinite carousel
A responsive Image element that takes the full width of its parent element while maintaining aspect ratio.
A convenient JavaScript snippet, which lets you create beautiful buttons, where people can add events to their calendars.
[![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]
Simple lazy loading component built with react
React component to render svg file icons
tsParticles confetti preset
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 component to crop images/videos with easy interactions
A react image component which zoom the image in the viewport of the website.
Easy to make scroll animation with ReactJS
A reusable react hover card component with multiple flip and animation styles (flip , fade , slide)
[](https://www.npmjs.com/package/react-upload-gallery) [](LICENSE) [ 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
Pixels.js Adapter for React (https://silvia-odwyer.github.io/pixels.js/)
React image zoom component
React Masonry component leveraging CSS to be fast and responsive
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Scanbot Web Document and Barcode Scanner SDK
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.
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
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
React Responsive Carousel
Everything you need for magnifying images
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
React Hook to fade in any element.
Component for easy image cropping in react
A masonry component for React.js
Fully customizable image picker for react native
A super simple image cropping and rotation tool for Expo that runs on iOS, Android and Web!
Glyph to png conversion for react native vector icons
A quick and easy slideshow for react native.
A image viewer for React Native created with Reanimated
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
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.
Agility CMS support for NextJS 14 and Next Image
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
One-time password (OTP) React input component, uncontrolled, zero dependencies, fully tested.
Useful components and hooks for react-konva
Advanced gradual blur effects with animations, presets, responsive design, and multi-framework support
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.
React hooks for generating QR code for your next React apps.
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
Simple method for resposive fontSize based on screen-size of the device in React-Native
Network Layer for React Relay and Express (Batch Queries, AuthToken, Logging, Retry)
SimpleImage - A reusable React component
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.
Geekie Symbol Plugin for DraftJS
Library for adding markup to images using shapes and text
is a react component that shows the image, built for mobile web app
ClayLink component
Rotate wrapper for react-image-lightbox
Lightweight Responsive Lightbox React Component
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
A modern, beautiful, customizable date picker for React
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
A React library for AWS S3 file upload
A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale)
React component performing crop, border detection, perspective correction and simple image filters over a provided image 📲 📸
React rendering WebP on supported platforms
A snazzy React joystick component
React library for the selection, edition and compression of images in png, jpeg and webp formats.
Cropper as React Component
this is React native module for image uploading to Cloudinary
A package for working with react-md to use some simple transitions.
React hook to display a confetti animation with a custom SVG particle image
Geekie Image Plugin for DraftJS
React Hook to easily add a fade-in animation to any element.
An accessible, fast, and animated fullscreen React image viewer.
[](https://www.npmjs.com/package/storybook-addon-vite-mock) [](https://www.npmjs.com/package/storybook-addon-vite-mock) [ with typescript.
React component for rendering images with hotspots
Pinch to zoom for React Native
A React component for Instagram like stories
Open Source Module to Upload your Media and files into AWS S3 Bucket directly from Front-end React.
Resizing image with react and rsz.io
A react component to return a placeholder image with a given width and height
Ant Design token previewer
React image component that bypasses caching using query param cache busting.
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.
Webpack loader for web-image
A React component for adding material design style ink.
A React Native animated custom images preview component.
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.
A simple react component that takes care of async lazy loading of images with sweet fade in animation - inspired by Polymer IronImage
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
Native image crop tools with embeddable UI and on the fly aspect ratio switchin
Simple and lightweight React WYSIWYG editor
volto-block-image-cards: Volto add-on
Convert an image into a rounded image and you can also change the circle's color
React/NextJS image slider component to display images
Package for implementing markdown syntax in React Native
A React component to easily replicate your page with nice placeholders while the content is loading
An embeddable wistia-player web component and React wrapper to add responsive, lightweight, and SEO-friendly videos to your site.
The only pure React Native Native iOS and Android loading spinner (progress bar indicator) overlay
An image cropper that moves the cropper rather than the image
A react-native implementation for viewing and connecting to Wifi networks on Android and iOS devices.
React Native modal component for viewing images as a sliding gallery
A customizable rating component for selecting x widgets or visualizing x widgets
A React hook for converting any component to image
S3Client - A Javascript Library for AWS S3 File Upload
This is a light library without any dependencies for cropping image for avatar
## Feature
React component to display token images with fallbacks and unknown state.
Awesome React tooltips
Brand checking of React Elements.