{"id":13575196,"url":"https://github.com/swimmingkiim/react-image-editor","last_synced_at":"2025-04-05T05:06:13.135Z","repository":{"id":44339986,"uuid":"512127525","full_name":"swimmingkiim/react-image-editor","owner":"swimmingkiim","description":"React + Konva / image editor / like Figma or Canva","archived":false,"fork":false,"pushed_at":"2024-05-26T22:26:51.000Z","size":15944,"stargazers_count":438,"open_issues_count":5,"forks_count":84,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-03-29T04:09:32.295Z","etag":null,"topics":["canva","canvas","editor","figma","image","konva","react","tool"],"latest_commit_sha":null,"homepage":"https://swimmingkiim.github.io/react-image-editor","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/swimmingkiim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-09T07:55:14.000Z","updated_at":"2025-03-27T18:11:06.000Z","dependencies_parsed_at":"2022-08-23T16:40:19.019Z","dependency_job_id":"d6807c61-fdc5-4a62-8cd8-996d13315d7b","html_url":"https://github.com/swimmingkiim/react-image-editor","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swimmingkiim%2Freact-image-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swimmingkiim%2Freact-image-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swimmingkiim%2Freact-image-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/swimmingkiim%2Freact-image-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/swimmingkiim","download_url":"https://codeload.github.com/swimmingkiim/react-image-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247289426,"owners_count":20914464,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canva","canvas","editor","figma","image","konva","react","tool"],"created_at":"2024-08-01T15:00:58.930Z","updated_at":"2025-04-05T05:06:13.110Z","avatar_url":"https://github.com/swimmingkiim.png","language":"HTML","funding_links":["https://www.buymeacoffee.com/swimmingkiim"],"categories":["HTML"],"sub_categories":[],"readme":"# React Image Editor\n\n![Live Screenshot](https://github.com/swimmingkiim/react-image-editor/blob/main/screenshots/screenshot-1.png?raw=true)\n\n## How to Run Project\n\n```bash\nnpm i\nnpm run dev\n```\n\n## How to Serve\n\n```bash\nnpm run build\nnpm run preview\n```\n\n## Features\n\n- Data\n\n  - history (undo, redo)\n  - copy, paste, duplicate\n\n- Color\n\n  - apply color picker\n  - save \u0026 reload color list to localStorage\n\n- Tab\n\n  - create tab\n  - delete tab\n  - change canvas data by changing tab\n\n- Frame\n\n  - drag \u0026 drop\n  - move\n  - resize\n\n- Export\n\n  - export all frame\n  - export selected frame\n\n- EditableObject\n  - Common\n    - create by drag \u0026 drop\n    - update\n    - read\n    - delete\n    - change background color\n    - move\n    - resize\n    - rotation\n    - opacity\n  - Image\n    - import image\n    - brightness\n    - filter\n  - Shape\n  - Icon\n    - from bootstrap\n    - search icon\n  - Text\n    - create text\n    - edit text\n    - change color\n    - text align\n    - remove text\n\nIf react-image-editor doesn't cover your needs I recommend taking a look at [Pintura](https://pqina.nl/pintura/?ref=react-image-editor)\n\nPintura 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.\n\n[\u003cimg src=\"https://github.com/swimmingkiim/react-image-editor/blob/main/screenshots/pintura-animation.gif?raw=true\" width=\"600\" alt=\"\"/\u003e](https://pqina.nl/pintura/react-image-editor/?ref=react-image-editor)\n\n[Learn more about Pintura Image Editor](https://pqina.nl/pintura/react-image-editor/?ref=react-image-editor)\n\n# Support Me!\n\n\u003ca href=\"https://www.buymeacoffee.com/swimmingkiim\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswimmingkiim%2Freact-image-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswimmingkiim%2Freact-image-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswimmingkiim%2Freact-image-editor/lists"}