{"id":16410641,"url":"https://github.com/acro5piano/image-annotator","last_synced_at":"2025-08-23T18:09:14.760Z","repository":{"id":40403403,"uuid":"353660735","full_name":"acro5piano/image-annotator","owner":"acro5piano","description":"A tool to edit images with only a keyboard. Especially useful when you add some description to a cropped screenshot.","archived":false,"fork":false,"pushed_at":"2024-05-22T10:00:28.000Z","size":504,"stargazers_count":9,"open_issues_count":1,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-05-22T10:40:56.250Z","etag":null,"topics":["canvas","productivity","react","tool","typescript"],"latest_commit_sha":null,"homepage":"https://image-annotator.vercel.app/","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/acro5piano.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["acro5piano"]}},"created_at":"2021-04-01T10:24:51.000Z","updated_at":"2024-05-22T10:00:32.000Z","dependencies_parsed_at":"2024-10-11T06:43:37.338Z","dependency_job_id":"7881b2c9-d9e6-4b8d-b068-ae2c33b23a47","html_url":"https://github.com/acro5piano/image-annotator","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acro5piano%2Fimage-annotator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acro5piano%2Fimage-annotator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acro5piano%2Fimage-annotator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acro5piano%2Fimage-annotator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acro5piano","download_url":"https://codeload.github.com/acro5piano/image-annotator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221811376,"owners_count":16884305,"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":["canvas","productivity","react","tool","typescript"],"created_at":"2024-10-11T06:43:29.908Z","updated_at":"2024-10-28T09:14:24.446Z","avatar_url":"https://github.com/acro5piano.png","language":"TypeScript","funding_links":["https://github.com/sponsors/acro5piano"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./public/logo192.png\" width=\"192\"\u003e\n\u003c/div\u003e\n\n![vercel](https://vercelbadge.vercel.app/api/acro5piano/image-annotator)\n[![test](https://github.com/acro5piano/image-annotator/actions/workflows/test.yml/badge.svg)](https://github.com/acro5piano/image-annotator/actions/workflows/test.yml)\n\n# Image Annotator\n\nA tool to edit images by keyboard. Especially useful when you add some description to a cropped screenshot.\n\n# Concept\n\n- **Productive** Edit photo only with keyboard, meaning you don't have to touch your mouse.\n- **Fast** Use best practice of recent web technologies\n- **Cross-platform** Works on all modern browsers\n- **Secure** No upload, no permission\n\n# Usage\n\nGo to the website, and paste your image from clipboard.\n\nhttps://image-annotator.com\n\n# Shortcuts\n\n| Key                               | Description                                                                          |\n| --------------------------------- | ------------------------------------------------------------------------------------ |\n| ?                                 | Open the cheatsheet                                                                  |\n| C-v                               | Paste the image from clipboard to the canvas                                         |\n| C-c                               | Copy the image on the canvas to clipboard                                            |\n| r                                 | Add a rectangle on the canvas                                                        |\n| R                                 | Add a filled rectangle on the canvas (e.g. hide something)                           |\n| t                                 | Add a text on the canvas. If a rectangle is focused, put the text on the above of it |\n| o                                 | Focus next element on canvas                                                         |\n| Escape                            | Clear focus                                                                          |\n| i                                 | Edit focused text                                                                    |\n| l / Ctrl + Arrow Right            | Move current element to right by 10                                                  |\n| h / Ctrl + Arrow Left             | Move current element to left by 10                                                   |\n| j / Ctrl + Arrow Down             | Move current element to down by 10                                                   |\n| k / Ctrl + Arrow Up               | Move current element to up by 10                                                     |\n| Ctrl + f / Arrow Right            | Move current element to right by 30                                                  |\n| Ctrl + b / Arrow Left             | Move current element to left by 30                                                   |\n| Ctrl + n / Arrow Down             | Move current element to down by 30                                                   |\n| Ctrl + p / Arrow Up               | Move current element to up by 30                                                     |\n| 0 / Ctrl + a / Home               | Move current element current to left end                                             |\n| $ / Ctrl + e / End                | Move current element current to right end                                            |\n| g / Ctrl + Meta + a / Ctrl + Home | Move current element current to top                                                  |\n| G / Ctrl + Meta + e / Ctrl + End  | Move current element current to bottom                                               |\n| Ctrl + Shift + Arrow Right        | Increase current element width 10                                                    |\n| Ctrl + Shift + Arrow Left         | Decrease current element width 10                                                    |\n| Ctrl + Shift + Arrow Down         | Increase current element height 10                                                   |\n| Ctrl + Shift + Arrow Up           | Decrease current element height 10                                                   |\n| Shift + l / Shift + Arrow Right   | Increase current element width 30                                                    |\n| Shift + h / Shift + Arrow Left    | Decrease current element width 30                                                    |\n| Shift + j / Shift + Arrow Down    | Increase current element height 30                                                   |\n| Shift + k / Shift + Arrow Up      | Decrease current element height 30                                                   |\n| x / Backspace / Delete            | Delete current element                                                               |\n| `\u003e` / ctrl + `\u003e`                  | Increase font size                                                                   |\n| `\u003c` / ctrl + `\u003c`                  | Decrease font size                                                                   |\n\n# Screenshots\n\n![image](https://user-images.githubusercontent.com/10719495/113324468-a909a300-9306-11eb-9b34-83a8f199be98.png)\n\n![image](https://user-images.githubusercontent.com/10719495/113324768-07368600-9307-11eb-801f-1052370db16d.png)\n\n![image](https://user-images.githubusercontent.com/10719495/113316314-b706f600-92fd-11eb-8f83-e11dfd4f9a94.png)\n\n# Development\n\n```\npnpm install\npnpm dev\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facro5piano%2Fimage-annotator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facro5piano%2Fimage-annotator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facro5piano%2Fimage-annotator/lists"}