{"id":28092543,"url":"https://github.com/chenmoonmo/react-mobile-image-editor","last_synced_at":"2025-10-26T13:09:11.233Z","repository":{"id":126310644,"uuid":"571540308","full_name":"chenmoonmo/react-mobile-image-editor","owner":"chenmoonmo","description":"This repository is a react component to edit images at mobile phone by Konvajs.","archived":false,"fork":false,"pushed_at":"2023-02-02T12:31:20.000Z","size":14880,"stargazers_count":9,"open_issues_count":7,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-13T13:19:36.065Z","etag":null,"topics":["editor","image-cropper","image-editor","react","react-component","react-image-crop"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/chenmoonmo.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-11-28T11:02:34.000Z","updated_at":"2024-10-18T00:29:43.000Z","dependencies_parsed_at":"2023-06-28T08:15:40.886Z","dependency_job_id":null,"html_url":"https://github.com/chenmoonmo/react-mobile-image-editor","commit_stats":{"total_commits":18,"total_committers":2,"mean_commits":9.0,"dds":"0.16666666666666663","last_synced_commit":"3e1222058c5b8b43562b5fee30e60daf48b93212"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenmoonmo%2Freact-mobile-image-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenmoonmo%2Freact-mobile-image-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenmoonmo%2Freact-mobile-image-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chenmoonmo%2Freact-mobile-image-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chenmoonmo","download_url":"https://codeload.github.com/chenmoonmo/react-mobile-image-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253948512,"owners_count":21988962,"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":["editor","image-cropper","image-editor","react","react-component","react-image-crop"],"created_at":"2025-05-13T13:19:39.739Z","updated_at":"2025-10-26T13:09:06.189Z","avatar_url":"https://github.com/chenmoonmo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-mobile-image-editor\n\n## Installation\n\n```bash\n# npm\n\u003e npm install react-mobile-image-editor\n\n# yarn\n\u003e yarn add react-mobile-image-editor\n```\n\n## \u003ca href=\"https://codesandbox.io/p/github/chenmoonmo/react-mobile-image-editor/draft/wizardly-clarke?create=true\u0026file=%2Fexample%2FApp.tsx\u0026selection=%5B%7B%22endColumn%22%3A3%2C%22endLineNumber%22%3A22%2C%22startColumn%22%3A3%2C%22startLineNumber%22%3A22%7D%5D\u0026workspace=%257B%2522activeFileId%2522%253A%2522clclqeda0000a7rif70y44t1q%2522%252C%2522openFiles%2522%253A%255B%2522%252FREADME.md%2522%252C%2522%252Fexample%252FApp.tsx%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522spaces%2522%253A%257B%2522clclqeh8900133b6lgbagwa7r%2522%253A%257B%2522key%2522%253A%2522clclqeh8900133b6lgbagwa7r%2522%252C%2522name%2522%253A%2522Default%2522%252C%2522devtools%2522%253A%255B%257B%2522type%2522%253A%2522PREVIEW%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A5173%252C%2522key%2522%253A%2522clclqes0g00eh3b6lux953jn8%2522%252C%2522isMinimized%2522%253Afalse%257D%255D%257D%257D%252C%2522currentSpace%2522%253A%2522clclqeh8900133b6lgbagwa7r%2522%252C%2522spacesOrder%2522%253A%255B%2522clclqeh8900133b6lgbagwa7r%2522%255D%257D\" traget=\"__blank\"\u003eLiveDemo\u003c/a\u003e\n\n## Examples\n\n```javascript\nimport Editor, { useExport } from \"react-mobile-image-editor\";\n\nimport image from \"./assets/chibubao.png\";\n\nconst App = () =\u003e {\n  const editorRef = useExport();\n\n  const handleDownload = () =\u003e {\n    console.log(editorRef.current.exportImage());\n  };\n\n  return (\n    \u003cEditor\n      ref={editorRef}\n      image={image}\n      toolbarBottom={\u003cbutton onClick={handleDownload}\u003eDownload\u003c/button\u003e}\n    /\u003e\n  );\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenmoonmo%2Freact-mobile-image-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchenmoonmo%2Freact-mobile-image-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchenmoonmo%2Freact-mobile-image-editor/lists"}