react-cropper/react-cropper

Health v2 · maintenance only

Adoption not part of the score

2081 stars · 272 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

react-cropper is a React component wrapper around Cropper.js for interactive image cropping. It exposes Cropper.js options as props and provides access to the underlying cropper instance via refs.

Use cases

• crop profile pictures in a react app
• let users crop images before upload
• add an image cropper with aspect ratio control to a react form
• rotate and zoom images interactively in the browser
• extract cropped canvas data as a data URL
• build an avatar upload widget with cropping

When to choose

• you use React and need an interactive client-side image cropper
• you want Cropper.js features (aspect ratio, rotation, zoom, drag) with a declarative React API
• you need typed components since it ships its own TypeScript types

When to avoid

• you are not using React (use Cropper.js directly)
• you need server-side image cropping or processing
• you need a framework-agnostic vanilla JS solution
• you need actively developed features, as releases have slowed since 2023

Facets

library · maturity maintenance

image-processing ui-components frontend web-development image-processing cross-platform react cropperjs image-cropping react-component typescript web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="react-cropper/react-cropper")