{"repo":"ValentinH/react-easy-crop","free":true,"listed":false,"github":"https://github.com/ValentinH/react-easy-crop","clone":"git clone https://github.com/ValentinH/react-easy-crop.git","description":"A React component to crop images/videos with easy interactions","language":"TypeScript","stars":2771,"topics":["react","crop","crop-image","image-manipulation","cropping"],"license":"MIT","category":"ui-components","readme_excerpt":"react-easy-crop A React component to crop images/videos with easy interactions [![version][version-badge]][package] [![Build Status][build-badge]][build-page] [![Test Status][test-badge]][test-action] [![MIT License][license-badge]][license] [![PRs Welcome][prs-badge]][prs] Demo Check out the hosted examples: - Basic example - Example with output of the cropped image - Example with image selected by the user - Example with round crop area and no grid - Example with a video - Example with crop saved/loaded Features - Supports drag, zoom and rotate interactions - Provides crop dimensions as pixels and percentages - Supports any images format (JPEG, PNG, even GIF) as url or base 64 string - Supports any videos format supported in HTML5 - Mobile friendly If react-easy-crop doesn't cover your needs we recommend taking a look at Pintura Pintura features cropping, rotating, flipping, filtering, annotating, and lots of additional functionality to cover all your image and video editing needs on both mobile and desktop devices. Learn more about Pintura Video tutorials from the community - Create an image gallery with live cropping By Coding With Adam - Crop an avatar and download the result By Manish Boro Installation or Basic usage The Cropper is styled with position: absolute to take the full space of its parent. Thus, you need to wrap it with an element that uses position: relative or the Cropper will fill the whole page. Styles This component requires some styles to be available in","default_branch":null,"files":null,"tree":[],"storefront":"/r/ValentinH","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ValentinH/react-easy-crop/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}