https://github.com/monsterbrain/keyboard-shortcut-image-generator
Quickly Create Keyboard shortcut images. Also generate embed codes (wip)
https://github.com/monsterbrain/keyboard-shortcut-image-generator
embed generator keyboard keyboard-shortcuts shortcuts
Last synced: 22 days ago
JSON representation
Quickly Create Keyboard shortcut images. Also generate embed codes (wip)
- Host: GitHub
- URL: https://github.com/monsterbrain/keyboard-shortcut-image-generator
- Owner: monsterbrain
- License: mit
- Created: 2019-02-25T09:15:03.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-02-07T17:59:32.000Z (about 1 year ago)
- Last Synced: 2025-05-10T09:34:29.016Z (9 months ago)
- Topics: embed, generator, keyboard, keyboard-shortcuts, shortcuts
- Language: JavaScript
- Homepage: https://monsterbrain.github.io/keyboard-shortcut-image-generator/
- Size: 333 KB
- Stars: 69
- Watchers: 1
- Forks: 8
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# keyboard shortcut image generator (v0.5)
## [View Website](https://monsterbrain.github.io/keyboard-shortcut-image-generator)
## Addon - Keyboard Keys Highlighter [Link](https://monsterbrain.github.io/keyboard-shortcut-previewer/)
This is an addon tool to generate KEYBOARD image with shortcut keys highlighted.
Check it out and let me know if you have any suggestions.
## [Check it out here](https://monsterbrain.github.io/keyboard-shortcut-previewer/)
## Features
- Image generation
- Keystrokes converted to keys
- Output image size selection
- add Multiple Button Styles (todo)
- options to add Spacebar (todo)
- able to copy css and markup (todo)
## update v0.5
- improved image output quality using modified version of html2canvas [thanks to eKoopman's fork]
- image output size can be selected [based on size factor of image generated though]
## update v0.4
- added icons for mac shortcuts (like options, cmd etc) Thanks Gustavo Alberto
## update v0.3
- added download button
- download png file with file format kbs_ctrl_x.png
- added control, alt button similar to windows button
## update v0.2
- image generated is shown in same page
- toggle meta/windows/cmd key added
- space bar key added
## contributors
- Alex Incognito
- Gustavo Alberto
- uses keyboard keys-css -https://github.com/alanclarke/keyboard-keys
## Contributions are welcome
- Mainly regarding better coding style (it's getting messier every day i guess)
- Multiple key styles
- html markup copy
- Full keyboard visualization of Keyboard shortcuts (i am planning to)