React Image manipulation Resources

react-avatar-editor Facebook like, avatar / profile picture component. Resize, crop and rotate your uploaded image using a clear user interface. Insta

Remix-Image: A React component for responsive images in Remix

react-archer 🏹 Draw arrows between DOM elements in React 🖋 Installation npm install react-archer --save or yarn add react-archer Example Try it out!

Features Load Image (from Unsplash or from PC) Save Image Undo/Redo Crop Flip Free Rotation Free Drawing Line Drawing Text Filters Zoom Stack React js

React Image Crop An image cropping tool for React with no dependencies. Demo using class | Demo using hook Table of Contents Features Installation Usa

SponsorKit - 💖 Toolkit for generating sponsors images 😄

😎 🏞 A React Img component let you handle image UX and performance as a Pro!

Cropperjs as React component

Notion Avatar Maker An online tool for making notion-style avatars. I18n supported: English 简体中文 Styles 😉 11 face shapes 👃🏼 11 noses 👄 11 mouths ?

Vue Avatar Cropper - 👧 A simple and elegant avatar cropping and upload plugin.

Recoded An awesome tool to make Images and GIFs of your code! View Demo · Report Bug · Request Feature About The Project There are plenty of Apps like

react-easy-crop A React component to crop images/videos with easy interactions Demo Check out the examples: Basic example with hooks Basic example wit

🌄↔️ A slider component with pinch to zoom capabilities inspired by Instagram

Transform SVG to React Chakra UI ✨ from SVG file to CODE

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

CompressioWeb is a Open Source Production Grade Image Compression API and Web Application. It compresses JPG, PNG, GIF & SVG images in both Lossy and Lossless formats.

Pixel Annotation Tool Written in React and OpenCV.js

An infinitely customizable image annotation library built on React

Labellab Components · Labellab Components is a JavaScript library for providing a ui to label images, text, video, audio. A dead simple file labeler T

An unofficial package to help developers implement ZATCA (Fatoora) QR code easily which is required for e-invoicing in Saudi Arabia.

Kay's Image Resizer Live Web App You can see the live web app (PWA) here which i

React library for the selection, edition and compression of images in png, jpeg and webp formats This package is made completely with html and css without any extra components or npm packages. It's based in functional components based in hooks, for optimization were used memo, useMemo and useCalback for avoiding any extra-renders.

🌈 A React image component. Simple realization of image shadow.

sidepix picture component with image processing as side-effect. Features picture, not img (we're not in 2012 anymore...) Responsively adapt imag

react-native-avatar-crop Supports rect and circle cropping. Use cropArea={{width, height}} for custom aspect ratio. Download apk to see it in action,

Lightbox for react with zoom, rotate and move feature with touch support 💡📦

react-native-instagram-like-image-cropper The component like instagram image cropper Preview Getting started First, install peer packages react-native

A React based image & video annotation tool

Img-text-generator: write a text on any images

A component to reveal images on user interaction, written with TypeScript + React.

前端画板（基于 React 和 SVG） 可以绘制各种图形，包括圆形、矩形、三角形、直线、弧线；可以设置图形轮廓线颜色、宽度；可以填充封闭图形，填充可选择颜色，图形可重叠。可以保存绘制内容到浏览器储存。具有撤销、恢复功能。 前端画板（基于React和SVG） 可以绘制各种图形，包括圆形、矩形、三角形

esbuild-svgr-plugin Another esbuild plugin that uses SVGR to transform SVGs into React components. Other implementations lacked support for falling ba

Image Compressor This is a Image Compressor application developed using React.js Package browser-image-compressor. This online image compressor allows

Convert Figma components to SVG files Example runs-on: ubuntu-latest

collaborators wanted I have barely no time work on improve this project, needs collaborators for project maintenance. React Image Cropper A React.JS I

A low-poly image generator

iOS like border-radius corners react component

react-measurements A React component for measuring & annotating images. Demo Check out the demo here. Usage import React from "react"; import { Meas

SpaceEngineers LCD Image Generator Space Engineers LCD Image Generator made using React This work is HEAVILY based in Whips-Image-Converter from Whipl

IMAGES TO PDF PACKAGE A package to convert images to pdf. Install npm install images-to-pdf-package Usage //typescript or esmodules import ImagesToPdf

A simple solution to get text from images using tesseract.js

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