React Comparison Slider is a fully customizable component for building bespoke, keyboard-accessible "before & after" sliders for the web. You bring the content and the visuals, and it'll handle the heavy lifting.
React Pics
Tiny (2.3kB) React component for image lazy loading
Demo
Table of Contents
React Pics
Table of Contents
Installation
Usage
Basic
With a placeholder
React Unicons
1000+ Pixel-perfect vector icons as React Components. These icons are designed by Iconscout.
Getting Started
You can easily install react-unicons using npm.
npm install --save @iconscout/rea
rc-viewer
Image viewer component for React, supports rotation, scale, zoom and so on, based on viewer.js
Demo
umd
<script crossorigin src="https://unpkg.com/[email protected]/umd/react
React Progressive Loader
Defer the load of non-critical images and components if they are off-screen.
This library makes possible to progressively load images, just like Medium does, and React components only when the
react-image-process
🎨
A image process component for react, like compressed image,clip image, add watermarking of image
normal version
Installation
using yarn :
yarn add react-image-proc
react-canvas
Introductory blog post
React Canvas adds the ability for React components to render to <canvas> rather than DOM.
This project is a work-in-progress. Though much of the code is in production on flipb
A powerful, customisable, <img> component that simulates a shimmer effect while loading. (with zero dependencies!) Currently compatible with React, but RN compatibility is also on the way.
react-easy-crop
A React component to crop images with easy interactions
Demo
Check out the examples:
Basic example
Example with output of the cropped image
Features
Supports drag
react-ideal-image
Adaptive image component
The problem
I need React component to asynchronously load images, which will adapt based on network, which will allow a user
React 360
React 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing application
react-handy-renderer
✏️
Draw 2D primitives in sketchy style with React
Motivation
Theory on design and effects of sketchy rendering
Demo
You can find the demo here on Co
react-worker-image
React component to fetch image resources via web workers
react-worker-image is a React component for loading images via a web worker. Thereby not blocking the main thread and speeding up page load t
react-tint
A React component that applies image processing filters to an image using Processing
Install
yarn add react-tint
This package also depends on React, so make sure you've already installe
React component for Avataaars
The core React component for Avataaars Generator developed by Fang-Pen Lin, based on the Sketch library Avataaars designed by Pablo Stanley.
Features
SVG based
Light weig
react-imgpro
Image Processing Component for React
Introduction
react-imgpro is a image processing component for React. This component process an image with filters supplied as props and return
react-svg-pan-zoom
react-svg-pan-zoom is a React component that adds pan and zoom features to the SVG images. It helps to display big SVG images in a small space.
Live Demo
available at http://chrvada
React Image Crop
An image cropping tool for React with no dependencies.
Demo using class | Demo using hook
Table of Contents
Features
Installation
Usage
Example
CDN
Props
FAQ
What
react-avatar-editor
Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface.
Install
Just use yarn or npm to add it to your project:
y
react-avatar-cropper
React Avatar Cropper aims to be an out of the box solution to solve the avatar cropping problem for 99% of common use cases. Most of the time you want a modal to pop up, allow the user to crop the