A tool to edit images with only a keyboard. Especially useful when you add some description to a cropped screenshot.
MIT License
A tool to edit images by keyboard. Especially useful when you add some description to a cropped screenshot.
Go to the website, and paste your image from clipboard.
Key | Description |
---|---|
? | Open the cheatsheet |
C-v | Paste the image from clipboard to the canvas |
C-c | Copy the image on the canvas to clipboard |
r | Add a rectangle on the canvas |
R | Add a filled rectangle on the canvas (e.g. hide something) |
t | Add a text on the canvas. If a rectangle is focused, put the text on the above of it |
o | Focus next element on canvas |
Escape | Clear focus |
i | Edit focused text |
l / Ctrl + Arrow Right | Move current element to right by 10 |
h / Ctrl + Arrow Left | Move current element to left by 10 |
j / Ctrl + Arrow Down | Move current element to down by 10 |
k / Ctrl + Arrow Up | Move current element to up by 10 |
Ctrl + f / Arrow Right | Move current element to right by 30 |
Ctrl + b / Arrow Left | Move current element to left by 30 |
Ctrl + n / Arrow Down | Move current element to down by 30 |
Ctrl + p / Arrow Up | Move current element to up by 30 |
0 / Ctrl + a / Home | Move current element current to left end |
$ / Ctrl + e / End | Move current element current to right end |
g / Ctrl + Meta + a / Ctrl + Home | Move current element current to top |
G / Ctrl + Meta + e / Ctrl + End | Move current element current to bottom |
Ctrl + Shift + Arrow Right | Increase current element width 10 |
Ctrl + Shift + Arrow Left | Decrease current element width 10 |
Ctrl + Shift + Arrow Down | Increase current element height 10 |
Ctrl + Shift + Arrow Up | Decrease current element height 10 |
Shift + l / Shift + Arrow Right | Increase current element width 30 |
Shift + h / Shift + Arrow Left | Decrease current element width 30 |
Shift + j / Shift + Arrow Down | Increase current element height 30 |
Shift + k / Shift + Arrow Up | Decrease current element height 30 |
x / Backspace / Delete | Delete current element |
> / ctrl + >
|
Increase font size |
< / ctrl + <
|
Decrease font size |
pnpm install
pnpm dev