Keyboard Shortcut Map Maker

Example.html

Introduction

This site is a tool to produce a visual image of keyboard shortcuts or application keybindings.

Below is an example of what the site may be used to create.

To start your own, click 'Create new set' from the header menu.

Keyboards and sections can be added using the buttons at the bottom of the page.

To change the text of any key simply click on the key, and enter the new text in the pop-up.

To change the colour of keys first select a colour from the palette at the bottom of the page.
This is then the selected colour, and any key which is subsequently pressed will change to this colour.
To change the selected colour, simply click on another colour key.
To deselect colours click the currently selected colours key.
Note: the currently selected colours key will have a pressed down effect.

Keyboards and sections can be re-ordered by clicking the โ–ฝ and โ–ณ symbols next to their headers.

Keyboards and sections can be deleted by clicking the ๐Ÿšฎ symbol to their top right.

The headers for the keyboards, the sections, and the filename (at the top of the page), can all be edited by mousing over and clicking on them.


  1. Program open hotkeys

    ๐Ÿšฎ


  2. Win + Shift

    ๐Ÿšฎ

    ESC
    F1
    F2
    F3
    F4
    F5E:\
    F6G:\
    F7C:\
    F8F:\
    F9
    F10
    F11
    F12
    ESC
    `
    1
    2
    3
    4
    5
    6
    7
    8
    9
    0
    -
    =
    BACKSPACE
    TAB
    QGOG
    WMS Word
    E
    R
    TSublime Text 3
    YYouTube
    UDuolingo
    ILinkedIn
    OOneNote
    PGoogle Photos
    [ {
    ] }
    \ |
    CAPSLOCK
    AMSI Afterburn
    SSnipping Tool
    DDiscord
    FMS Teams
    GGmail
    HGoogle Calendar
    JDownload Folder
    KOneDrive Personal
    LOneDrive University
    ; :Outlook University
    ' "
    ENTER
    SHIFT
    ZGoogle Chrome
    X
    CSearch Selected
    VVSCode
    BGitHub
    NNetflix
    MGoogle Maps
    , <
    . >
    / ?
    SHIFT
    CTRL
    WIN
    ALT
    ALT
    FN
    MENU
    CTRL
    PRTSC
    INS
    DEL
    โ—
    SCRLK
    HOME
    END
    โ–ณ
    โ–ฝ
    PAUSE
    PGUP
    PGDN
    โ–ท
  3. Win + Ctrl + Shift

    ๐Ÿšฎ

    ESC
    F1
    F2
    F3
    F4
    F5
    F6
    F7
    F8D:\
    F9
    F10
    F11
    F12
    ESC
    `
    1
    2
    3
    4
    5
    6
    7
    8
    9
    0
    -
    =
    BACKSPACE
    TAB
    QSteam
    WGoogle Docs
    EMS Excel
    R
    T
    Y
    UUdemy
    ILinkedIn Learning
    O
    PPower Pointโ€โ€โ€Ž
    [ {
    ] }
    \ |
    CAPSLOCK
    A
    S
    DMy Document
    F
    GGoogle Drive
    H
    J
    K
    L
    ; :
    ' "
    ENTER
    SHIFT
    ZIncognito Chrome
    X
    C
    V
    BRefresh Graphics Drivers
    N
    M
    , <
    . >
    / ?
    SHIFT
    CTRL
    WIN
    ALT
    ALT
    FN
    MENU
    CTRL
    PRTSC
    INS
    DEL
    โ—
    SCRLK
    HOME
    END
    โ–ณ
    โ–ฝ
    PAUSE
    PGUP
    PGDN
    โ–ท
  4. Win

    ๐Ÿšฎ

    ESC
    F1
    F2
    F3
    F4
    F5
    F6
    F7
    F8
    F9
    F10
    F11
    F12
    ESC
    `WSL Ubuntu
    1
    2
    3
    4
    5
    6
    7
    8
    9
    0
    -
    =
    BACKSPACE
    TAB
    Q
    W
    E
    R
    T
    Y
    U
    I
    O
    P
    [ {
    ] }
    \ |
    CAPSLOCK
    A
    S
    D
    F
    G
    H
    J
    K
    L
    ; :
    ' "
    ENTER
    SHIFT
    Z
    X
    C
    V
    B
    N
    M
    , <
    . >
    / ?
    SHIFT
    CTRL
    WIN
    ALT
    ALT
    FN
    MENU
    CTRL
    PRTSC
    INS
    DEL
    โ—
    SCRLK
    HOME
    END
    โ–ณ
    โ–ฝ
    PAUSE
    PGUP
    PGDN
    โ–ท
  5. Window manipulation hotkeys

    ๐Ÿšฎ


  6. Thirds

    ๐Ÿšฎ

    ESC
    F1
    F2
    F3
    F4
    F5
    F6
    F7
    F8
    F9
    F10
    F11
    F12
    ESC
    `
    1
    2
    3
    4
    5
    6
    7
    8
    9
    0
    -
    =
    BACKSPACE
    TAB
    Q
    W
    E
    R
    T
    Y
    U
    I
    O
    P
    [ {
    ] }
    \ |
    CAPSLOCK
    A
    S
    D
    F
    G
    H
    J
    K
    L
    ; :
    ' "
    ENTER
    SHIFT
    Z
    X
    C
    V
    B
    N
    M
    , <
    . >
    / ?
    SHIFT
    CTRL
    WIN
    ALT
    ALT
    FN
    MENU
    CTRL
    PRTSC
    INSLeft Third
    DELTop Third
    โ—
    SCRLK
    HOMECenter Third
    ENDMiddle Third
    โ–ณ
    โ–ฝ
    PAUSE
    PGUPRight Third
    PGDNBottom Third
    โ–ท
  7. 3x3 Grid

    ๐Ÿšฎ

    ESC
    F1
    F2
    F3
    F4
    F5
    F6
    F7
    F8
    F9
    F10
    F11
    F12
    ESC
    `
    1
    2
    3
    4
    5
    6
    7
    8
    9
    0
    -
    =
    BACKSPACE
    TAB
    Q
    W
    E
    R
    T
    Y
    U
    I
    O
    P
    [ {
    ] }
    \ |
    CAPSLOCK
    A
    S
    D
    F
    G
    H
    J
    K
    L
    ; :
    ' "
    ENTER
    SHIFT
    Z
    X
    C
    V
    B
    N
    M
    , <
    . >
    / ?
    SHIFT
    CTRL
    WIN
    ALT
    ALT
    FN
    MENU
    CTRL
    PRTSCTop โ€โ€โ€Ž โ€Žโ€โ€โ€Ž โ€Žโ€โ€โ€Ž โ€ŽLeft
    INSMiddle Left
    DELBottom Left
    โ—
    SCRLKTop Center
    HOMEMiddle Center
    ENDBottom Center
    โ–ณ
    โ–ฝ
    PAUSETopโ€โ€โ€Ž โ€Žโ€โ€โ€Ž โ€Žโ€โ€โ€Ž โ€Ž Right
    PGUPMiddle Right
    PGDNBottom Right
    โ–ท