hcy1996 / react-image-editor

React + Konva / image editor / like Figma or Canva

React Image Editor

How to Run Project

npm i
npm start

How to Serve

npm i -g serve
npm i
npm run build
npm run serve

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

Support Me!