swimmingkiim / react-image-editor

React + Konva / image editor / like Figma or Canva

React Image Editor

How to Run Project

npm i
npm run dev

How to Serve

npm run build
npm run preview

Features

• Data

  • history (undo, redo)
  • copy, paste, duplicate

• Color

  • apply color picker
  • save & reload color list to localStorage

• Tab

  • create tab
  • delete tab
  • change canvas data by changing tab

• Frame

  • drag & drop
  • move
  • resize

• Export

  • export all frame
  • export selected frame

• EditableObject

  • Common
    • create by drag & drop
    • update
    • read
    • delete
    • change background color
    • move
    • resize
    • rotation
    • opacity
  • Image
    • import image
    • brightness
    • filter
  • Shape
  • Icon
    • from bootstrap
    • search icon
  • Text
    • create text
    • edit text
    • change color
    • text align
    • remove text

If react-image-editor doesn't cover your needs I 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 Image Editor

Support Me!