@babu60089/react-image-editors

0.1.0 • Public • Published

React-Image-editors

Easy Image Editor is a simple web-based image editor that allows you to apply filters and transformations to your images. The editor is built with React and uses canvas to manipulate images.

Features

  • Apply brightness, saturation, inversion, and grayscale filters
  • Rotate and flip the image
  • Save the edited image

Getting Started

To run Easy Image Editor on your local machine, follow these steps:

  1. Clone the repository
  2. Navigate to the project directory
  3. Install the dependencies: npm install
  4. Start the development server: npm start
  5. Open http://localhost:3000 in your browser to view the editor.

How to Use

  1. Click the "Choose File" button to select an image.
  2. Use the filter buttons to apply filters to the image.
  3. Use the slider to adjust the value of the active filter.
  4. Use the rotate and flip buttons to transform the image.
  5. Click the "Save" button to download the edited image.

Technologies Used

  • React
  • CSS
  • Canvas

Package Sidebar

Install

npm i @babu60089/react-image-editors

Weekly Downloads

1

Version

0.1.0

License

ISC

Unpacked Size

43.4 kB

Total Files

20

Last publish

Collaborators

  • babu60089