diff --git a/browser/src/components/keyboard/index.tsx b/browser/src/components/keyboard/index.tsx
index 7ca90db..b1227ff 100644
--- a/browser/src/components/keyboard/index.tsx
+++ b/browser/src/components/keyboard/index.tsx
@@ -87,7 +87,7 @@ export const Keyboard = () => {
 
   // send keyboard data
   async function sendKeyData(event: KeyboardEvent) {
-    const modifiers = getModifiers(event);
+    const modifiers = Modifiers.getModifiers(event, pressedModifiersRef.current);
     const keys = [
       0x00,
       0x00,
@@ -98,32 +98,5 @@ export const Keyboard = () => {
     await device.sendKeyboardData(modifiers, keys);
   }
 
-  function getModifiers(event: KeyboardEvent) {
-    const modifiers = new Modifiers();
-
-    if (event.ctrlKey) {
-      modifiers.leftCtrl = pressedModifiersRef.current.has('ControlLeft');
-      modifiers.rightCtrl = pressedModifiersRef.current.has('ControlRight');
-    }
-    if (event.shiftKey) {
-      modifiers.leftShift = pressedModifiersRef.current.has('ShiftLeft');
-      modifiers.rightShift = pressedModifiersRef.current.has('ShiftRight');
-    }
-    if (event.altKey) {
-      modifiers.leftAlt = pressedModifiersRef.current.has('AltLeft');
-      modifiers.rightAlt = pressedModifiersRef.current.has('AltRight');
-    }
-    if (event.metaKey) {
-      modifiers.leftWindows = pressedModifiersRef.current.has('MetaLeft');
-      modifiers.rightWindows = pressedModifiersRef.current.has('MetaRight');
-    }
-    if (event.getModifierState('AltGraph')) {
-      modifiers.leftCtrl = true;
-      modifiers.rightAlt = true;
-    }
-
-    return modifiers;
-  }
-
   return <></>;
 };
diff --git a/browser/src/components/menu/keyboard/shortcut-custom.tsx b/browser/src/components/menu/keyboard/shortcut-custom.tsx
new file mode 100644
index 0000000..6a775a3
--- /dev/null
+++ b/browser/src/components/menu/keyboard/shortcut-custom.tsx
@@ -0,0 +1,159 @@
+import { useEffect, useRef, useState } from 'react';
+import { Input, InputRef, Modal, Space } from 'antd';
+import { useSetAtom } from 'jotai';
+import { KeyboardIcon, SquarePenIcon } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { isKeyboardEnableAtom } from '@/jotai/keyboard.ts';
+import { modifierKeys, Modifiers, ShortcutProps } from '@/libs/device/keyboard.ts';
+
+interface KeyboardShortcutCustomProps {
+  addShortcut: (shortcut: ShortcutProps) => void;
+}
+
+export const KeyboardShortcutCustom = ({ addShortcut }: KeyboardShortcutCustomProps) => {
+  const { t } = useTranslation();
+  const setIsKeyboardEnable = useSetAtom(isKeyboardEnableAtom);
+  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+  const [isCapturingShortcut, setIsCapturingShortcut] = useState<boolean>(false);
+  const [shortcut, setShortcut] = useState<ShortcutProps | null>(null);
+  const [shortcutLabel, setShortcutLabel] = useState<string>('');
+  const [shortcutFixedLabel, setShortcutFixedLabel] = useState<string>('');
+  const pressedModifiersRef = useRef<Set<string>>(new Set());
+  const inputRef = useRef<InputRef>(null);
+
+  function getPressedShortcutString(event: KeyboardEvent) {
+    let pressedKey: string = '';
+    pressedKey += event.ctrlKey ? 'Ctrl + ' : '';
+    pressedKey += event.shiftKey ? 'Shift + ' : '';
+    pressedKey += event.altKey ? 'Alt + ' : '';
+    pressedKey += event.metaKey ? 'Meta + ' : '';
+    if (!modifierKeys.has(event.key)) {
+      if (event.code.startsWith('Key') || event.code.startsWith('Digit')) {
+        pressedKey += event.code.slice(-1);
+      } else {
+        pressedKey += event.key;
+      }
+    }
+    return pressedKey;
+  }
+
+  function handleModelDone() {
+    if (shortcut == null) {
+      cleanShortcut();
+      return;
+    }
+    addShortcut({
+      modifiers: shortcut.modifiers,
+      label: shortcutLabel == '' ? shortcutFixedLabel : shortcutLabel,
+      keyCode: shortcut.keyCode
+    });
+    cleanShortcut();
+  }
+
+  function cleanShortcut() {
+    setIsCapturingShortcut(false);
+    setIsModalOpen(false);
+    setShortcut(null);
+    setShortcutLabel('');
+    setShortcutFixedLabel('');
+  }
+
+  async function handleKeyDown(event: KeyboardEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    const label = getPressedShortcutString(event);
+    setShortcutFixedLabel(label);
+
+    if (modifierKeys.has(event.key)) {
+      if (event.type == 'keydown') {
+        pressedModifiersRef.current.add(event.code);
+      } else {
+        pressedModifiersRef.current.delete(event.code);
+      }
+    } else {
+      setIsCapturingShortcut(false);
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('keyup', handleKeyDown);
+      const modifiers = Modifiers.getModifiers(event, pressedModifiersRef.current);
+      const ret: ShortcutProps = {
+        modifiers: modifiers,
+        label: label,
+        keyCode: event.code
+      };
+      setShortcut(ret);
+
+    }
+  }
+
+  function handleFullscreen() {
+    if (!document.fullscreenElement) {
+      const element = document.documentElement;
+      element.requestFullscreen().then();
+      // @ts-expect-error - https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/lock
+      navigator.keyboard?.lock();
+    }
+  }
+
+  useEffect(() => {
+    setIsKeyboardEnable(!isModalOpen);
+  }, [isModalOpen]);
+
+  useEffect(() => {
+    if (inputRef.current && !isCapturingShortcut) {
+      inputRef.current.blur();
+    }
+  }, [isCapturingShortcut]);
+
+  return (
+    <>
+      <div
+        className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60"
+        onClick={() => {
+          setIsModalOpen(true);
+        }}
+      >
+        <span>{t('keyboard.shortcut.custom')}</span>
+      </div>
+      <Modal
+        width={400}
+        title={t('keyboard.shortcut.custom')}
+        open={isModalOpen}
+        onOk={handleModelDone}
+        onCancel={cleanShortcut}
+        okText={t('keyboard.shortcut.save')}
+        cancelText={t('keyboard.shortcut.cancel')}>
+        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+          <div className="flex">
+            {t('keyboard.shortcut.captureTips')}
+            <a onClick={handleFullscreen}>{t('keyboard.shortcut.enterFullScreen')}</a>
+          </div>
+          <Input
+            ref={inputRef}
+            placeholder={t('keyboard.shortcut.capture')}
+            value={shortcutFixedLabel}
+            prefix={<KeyboardIcon size={16} />}
+            onFocus={() => {
+              setIsCapturingShortcut(true);
+              window.addEventListener('keydown', handleKeyDown);
+              window.addEventListener('keyup', handleKeyDown);
+            }}
+            onBlur={() => {
+              setIsCapturingShortcut(false);
+              window.removeEventListener('keydown', handleKeyDown);
+              window.removeEventListener('keyup', handleKeyDown);
+            }}
+          />
+
+          <Input
+            placeholder={shortcutFixedLabel || t('keyboard.shortcut.label')}
+            value={shortcutLabel}
+            prefix={<SquarePenIcon size={16} />}
+            onChange={(e) => setShortcutLabel(e.target.value)}
+          />
+
+        </Space>
+      </Modal>
+    </>
+  );
+};
diff --git a/browser/src/components/menu/keyboard/shortcut.tsx b/browser/src/components/menu/keyboard/shortcut.tsx
index 95a0f6f..a38666d 100644
--- a/browser/src/components/menu/keyboard/shortcut.tsx
+++ b/browser/src/components/menu/keyboard/shortcut.tsx
@@ -1,17 +1,12 @@
-import { useState } from 'react';
-import { SendHorizonal } from 'lucide-react';
-
+import { useState, PropsWithChildren } from 'react';
 import { device } from '@/libs/device';
 import { Modifiers } from '@/libs/device/keyboard.ts';
 import { KeyboardCodes } from '@/libs/keyboard';
+import { ShortcutProps } from '@/libs/device/keyboard.ts'
 
-interface ShortcutProps {
-  label: string;
-  modifiers?: Partial<Modifiers>;
-  keyCode: string;
-}
+type ShortcutPropsWithChildren = ShortcutProps & PropsWithChildren
 
-export const Shortcut = ({ label, modifiers = {}, keyCode }: ShortcutProps) => {
+export const Shortcut = ({ label, modifiers = {}, keyCode , children}: ShortcutPropsWithChildren) => {
   const [isLoading, setIsLoading] = useState(false);
 
   async function handleClick(): Promise<void> {
@@ -40,8 +35,8 @@ export const Shortcut = ({ label, modifiers = {}, keyCode }: ShortcutProps) => {
       className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60"
       onClick={handleClick}
     >
-      <SendHorizonal size={18} />
-      <span>{label}</span>
+      <span className="w-full">{label}</span>
+      {children}
     </div>
   );
 };
diff --git a/browser/src/components/menu/keyboard/shortcuts-menu.tsx b/browser/src/components/menu/keyboard/shortcuts-menu.tsx
index 6f960cf..1020204 100644
--- a/browser/src/components/menu/keyboard/shortcuts-menu.tsx
+++ b/browser/src/components/menu/keyboard/shortcuts-menu.tsx
@@ -1,42 +1,86 @@
-import { useState } from 'react';
-import { SendHorizonal } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { Button, Divider, Popover } from 'antd';
+import { SendHorizonal, Trash } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { Popover } from 'antd';
-
+import { ShortcutProps } from '@/libs/device/keyboard.ts';
 import { Shortcut } from './shortcut.tsx';
+import { KeyboardShortcutCustom } from './shortcut-custom.tsx';
+import { getShortcuts, setShortcuts } from '@/libs/storage';
 
 export const KeyboardShortcutsMenu = () => {
   const { t } = useTranslation();
   const [open, setOpen] = useState(false);
+  const [storedShortcuts, setStoredShortcuts] = useState<ShortcutProps[]>([]);
+  const predefinedShortcuts : ShortcutProps[] = [
+    {
+      label: t('keyboard.shortcut.ctrlAltDel'),
+      modifiers: { leftCtrl: true, leftAlt: true },
+      keyCode: 'Delete',
+    },
+    {
+      label: t('keyboard.shortcut.ctrlD'),
+      modifiers: { leftCtrl: true },
+      keyCode: 'KeyD',
+    },
+    {
+      label: t('keyboard.shortcut.winTab'),
+      modifiers: { leftWindows: true },
+      keyCode: 'Tab',
+    },
+  ]
+
+  const addShortcut = (shortcut: ShortcutProps) => {
+    if (shortcut == null) return;
+    const shortcuts = getShortcuts();
+    shortcuts.push(shortcut);
+    setStoredShortcuts(shortcuts);
+    setShortcuts(shortcuts);
+  }
+
+  const removeShortcut = (indexToRemove: number) => {
+    const newShortcuts = storedShortcuts.filter(
+      (_, index) => index !== indexToRemove
+    );
+    setStoredShortcuts(newShortcuts);
+    setShortcuts(newShortcuts);
+  }
+
+  useEffect(() => {
+    const shortcuts = getShortcuts();
+    if (shortcuts.length === 0) {
+      predefinedShortcuts.forEach(shortcut => {
+        addShortcut(shortcut);
+      })
+    } else {
+      setStoredShortcuts(shortcuts);
+    }
+  }, []);
 
   return (
     <Popover
       content={
         <div className="flex flex-col gap-1">
-          {[
-            {
-              label: t('keyboard.ctrlAltDel'),
-              modifiers: { leftCtrl: true, leftAlt: true },
-              keyCode: 'Delete',
-            },
-            {
-              label: t('keyboard.ctrlD'),
-              modifiers: { leftCtrl: true },
-              keyCode: 'KeyD',
-            },
-            {
-              label: t('keyboard.winTab'),
-              modifiers: { leftWindows: true },
-              keyCode: 'Tab',
-            },
-          ].map((shortcut) => (
-            <Shortcut
-              key={shortcut.keyCode}
-              label={shortcut.label}
-              modifiers={shortcut.modifiers}
-              keyCode={shortcut.keyCode}
-            />
+          {storedShortcuts.map((shortcut, index) => (
+            <>
+              <Shortcut
+                key={index}
+                label={shortcut.label}
+                modifiers={shortcut.modifiers}
+                keyCode={shortcut.keyCode}
+              >
+                <Button
+                  className="ml-auto"
+                  type="text"
+                  danger
+                  icon={<Trash size={16} />}
+                  onClick={() => {removeShortcut(index)}}
+                />
+              </Shortcut>
+            </>
           ))}
+          <Divider style={{ margin: '5px 0 5px 0' }} />
+          <KeyboardShortcutCustom
+            addShortcut={addShortcut}/>
         </div>
       }
       trigger="click"
@@ -48,7 +92,7 @@ export const KeyboardShortcutsMenu = () => {
     >
       <div className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60">
         <SendHorizonal size={18} />
-        <span>{t('keyboard.shortcuts')}</span>
+        <span>{t('keyboard.shortcut.title')}</span>
       </div>
     </Popover>
   );
diff --git a/browser/src/i18n/locales/be.ts b/browser/src/i18n/locales/be.ts
index d08ed39..cfe51b7 100644
--- a/browser/src/i18n/locales/be.ts
+++ b/browser/src/i18n/locales/be.ts
@@ -38,10 +38,12 @@ const be = {
       keyboard: {
         paste: 'Plakken',
         virtualKeyboard: 'Virtueel klavier',
-        shortcuts: 'Sneltoetsen',
-        ctrlAltDel: 'Ctrl + Alt + Delete',
-        ctrlD: 'Ctrl + D',
-        winTab: 'Win + Tab',
+        shortcut: {
+          title: 'Sneltoetsen',
+          ctrlAltDel: 'Ctrl + Alt + Delete',
+          ctrlD: 'Ctrl + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/browser/src/i18n/locales/de.ts b/browser/src/i18n/locales/de.ts
index 9d23237..df9f918 100644
--- a/browser/src/i18n/locales/de.ts
+++ b/browser/src/i18n/locales/de.ts
@@ -38,10 +38,12 @@ const de = {
       keyboard: {
         paste: 'Einfügen',
         virtualKeyboard: 'Virtuelle Tastatur',
-        shortcuts: 'Tastenkürzel',
-        ctrlAltDel: 'Strg + Alt + Entfernen',
-        ctrlD: 'Strg + D',
-        winTab: 'Win + Tab',
+        shortcut: {
+          title: 'Tastenkürzel',
+          ctrlAltDel: 'Strg + Alt + Entfernen',
+          ctrlD: 'Strg + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/browser/src/i18n/locales/en.ts b/browser/src/i18n/locales/en.ts
index daa9767..153a9e6 100644
--- a/browser/src/i18n/locales/en.ts
+++ b/browser/src/i18n/locales/en.ts
@@ -38,10 +38,19 @@ const en = {
     keyboard: {
       paste: 'Paste',
       virtualKeyboard: 'Keyboard',
-      shortcuts: 'Shortcuts',
-      ctrlAltDel: 'Ctrl + Alt + Delete',
-      ctrlD: 'Ctrl + D',
-      winTab: 'Win + Tab',
+      shortcut: {
+        title: 'Shortcut',
+        custom: 'Custom Shortcut',
+        capture: 'Click here to capture shortcut',
+        label: 'Label',
+        cancel: 'Cancel',
+        save: 'Save',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+        enterFullScreen: 'Enter Full Screen',
+        captureTips: 'Capturing the Meta key separately requires operation in full-screen mode.'
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/ko.ts b/browser/src/i18n/locales/ko.ts
index d1be2ed..5959ee8 100644
--- a/browser/src/i18n/locales/ko.ts
+++ b/browser/src/i18n/locales/ko.ts
@@ -38,7 +38,11 @@ const ko = {
     keyboard: {
       paste: '붙여넣기',
       virtualKeyboard: '가상 키보드',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/nl.ts b/browser/src/i18n/locales/nl.ts
index 2235d17..9ce1c62 100644
--- a/browser/src/i18n/locales/nl.ts
+++ b/browser/src/i18n/locales/nl.ts
@@ -38,10 +38,12 @@ const nl = {
       keyboard: {
         paste: 'Plakken',
         virtualKeyboard: 'Virtueel toetsenbord',
-        shortcuts: 'Sneltoetsen',
-        ctrlAltDel: 'Ctrl + Alt + Delete',
-        ctrlD: 'Ctrl + D',
-        winTab: 'Win + Tab',
+        shortcut: {
+          title: 'Sneltoetsen',
+          ctrlAltDel: 'Ctrl + Alt + Delete',
+          ctrlD: 'Ctrl + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/browser/src/i18n/locales/pl.ts b/browser/src/i18n/locales/pl.ts
index 8f9bdb0..11e11bf 100644
--- a/browser/src/i18n/locales/pl.ts
+++ b/browser/src/i18n/locales/pl.ts
@@ -37,7 +37,11 @@ const pl = {
     keyboard: {
       paste: 'Wklej',
       virtualKeyboard: 'Klawiatura',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/pt_br.ts b/browser/src/i18n/locales/pt_br.ts
index 2204d1e..6fba4b4 100644
--- a/browser/src/i18n/locales/pt_br.ts
+++ b/browser/src/i18n/locales/pt_br.ts
@@ -37,7 +37,11 @@ const pt_br = {
     keyboard: {
       paste: 'Colar',
       virtualKeyboard: 'Teclado Virtual',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/ru.ts b/browser/src/i18n/locales/ru.ts
index 0e8a299..2c5048a 100644
--- a/browser/src/i18n/locales/ru.ts
+++ b/browser/src/i18n/locales/ru.ts
@@ -38,10 +38,12 @@ const ru = {
     keyboard: {
       paste: 'Вставить текст',
       virtualKeyboard: 'Виртуальная клавиатура',
-      shortcuts: 'Сочетания клавиш',
-      ctrlAltDel: 'Ctrl + Alt + Delete',
-      ctrlD: 'Ctrl + D',
-      winTab: 'Win + Tab',
+      shortcut: {
+        title: 'Сочетания клавиш',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/zh.ts b/browser/src/i18n/locales/zh.ts
index 51a5ce9..5245371 100644
--- a/browser/src/i18n/locales/zh.ts
+++ b/browser/src/i18n/locales/zh.ts
@@ -36,10 +36,19 @@ const zh = {
     keyboard: {
       paste: '粘贴',
       virtualKeyboard: '虚拟键盘',
-      shortcuts: '快捷键',
-      ctrlAltDel: 'Ctrl + Alt + Delete',
-      ctrlD: 'Ctrl + D',
-      winTab: 'Win + Tab',
+      shortcut: {
+        title: '快捷键',
+        custom: '自定义快捷键',
+        capture: '点击此处捕获快捷键',
+        label: '备注',
+        cancel: '取消',
+        save: '保存',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+        enterFullScreen: '进入全屏',
+        captureTips: '单独捕获 Meta 键需要在全屏下操作，'
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/i18n/locales/zh_tw.ts b/browser/src/i18n/locales/zh_tw.ts
index 714070f..e08c662 100644
--- a/browser/src/i18n/locales/zh_tw.ts
+++ b/browser/src/i18n/locales/zh_tw.ts
@@ -35,7 +35,11 @@ const zh_tw = {
     keyboard: {
       paste: '貼上',
       virtualKeyboard: '虛擬鍵盤',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/browser/src/libs/device/keyboard.ts b/browser/src/libs/device/keyboard.ts
index 24ac3e8..de5adbc 100644
--- a/browser/src/libs/device/keyboard.ts
+++ b/browser/src/libs/device/keyboard.ts
@@ -1,6 +1,14 @@
 import { setBit } from './utils.ts';
 
-export class Modifiers {
+interface ShortcutProps {
+  label: string;
+  modifiers: Partial<Modifiers>;
+  keyCode: string;
+}
+
+const modifierKeys = new Set(['Control', 'Shift', 'Alt', 'Meta']);
+
+class Modifiers {
   public rightWindows: boolean = false;
   public rightAlt: boolean = false;
   public rightShift: boolean = false;
@@ -22,4 +30,32 @@ export class Modifiers {
     b = setBit(b, 7, this.rightWindows);
     return b;
   }
+
+  public static getModifiers(event: KeyboardEvent, pressedModifiers: Set<string>) {
+    const modifiers = new Modifiers();
+
+    if (event.ctrlKey) {
+      modifiers.leftCtrl = pressedModifiers.has('ControlLeft');
+      modifiers.rightCtrl = pressedModifiers.has('ControlRight');
+    }
+    if (event.shiftKey) {
+      modifiers.leftShift = pressedModifiers.has('ShiftLeft');
+      modifiers.rightShift = pressedModifiers.has('ShiftRight');
+    }
+    if (event.altKey) {
+      modifiers.leftAlt = pressedModifiers.has('AltLeft');
+      modifiers.rightAlt = pressedModifiers.has('AltRight');
+    }
+    if (event.metaKey) {
+      modifiers.leftWindows = pressedModifiers.has('MetaLeft');
+      modifiers.rightWindows = pressedModifiers.has('MetaRight');
+    }
+    if (event.getModifierState('AltGraph')) {
+      modifiers.leftCtrl = true;
+      modifiers.rightAlt = true;
+    }
+    return modifiers;
+  }
 }
+
+export { type ShortcutProps, Modifiers, modifierKeys };
diff --git a/browser/src/libs/storage/index.ts b/browser/src/libs/storage/index.ts
index 01543d7..53749b1 100644
--- a/browser/src/libs/storage/index.ts
+++ b/browser/src/libs/storage/index.ts
@@ -1,4 +1,5 @@
 import type { Resolution } from '@/types';
+import { ShortcutProps } from '@/libs/device/keyboard.ts';
 
 const LANGUAGE_KEY = 'nanokvm-usb-language';
 const VIDEO_DEVICE_ID_KEY = 'nanokvm-usb-video-device-id';
@@ -11,6 +12,7 @@ const MOUSE_MODE_KEY = 'nanokvm-usb-mouse-mode';
 const MOUSE_SCROLL_DIRECTION_KEY = 'nanokvm-usb-mouse-scroll-direction';
 const MOUSE_SCROLL_INTERVAL_KEY = 'nanokvm-usb-mouse-scroll-interval';
 const MOUSE_JIGGLER_MODE_KEY = 'nanokvm-usb-mouse-jiggler-mode';
+const SHORTCUTS_KEY = 'nanokvm-usb-shortcuts';
 
 export function getLanguage() {
   return localStorage.getItem(LANGUAGE_KEY);
@@ -130,3 +132,13 @@ export function getMouseJigglerMode(): string {
 export function setMouseJigglerMode(jiggler: string): void {
   localStorage.setItem(MOUSE_JIGGLER_MODE_KEY, jiggler);
 }
+
+export function getShortcuts(): ShortcutProps[] {
+  const shortcuts = localStorage.getItem(SHORTCUTS_KEY);
+  if (!shortcuts) return [];
+  return window.JSON.parse(shortcuts);
+}
+
+export function setShortcuts(shortcuts: ShortcutProps[]): void {
+  localStorage.setItem(SHORTCUTS_KEY, window.JSON.stringify(shortcuts));
+}
diff --git a/desktop/src/renderer/src/components/keyboard/index.tsx b/desktop/src/renderer/src/components/keyboard/index.tsx
index aa5acb4..239ddb2 100644
--- a/desktop/src/renderer/src/components/keyboard/index.tsx
+++ b/desktop/src/renderer/src/components/keyboard/index.tsx
@@ -1,5 +1,5 @@
 import { ReactElement, useEffect, useRef } from 'react'
-import { Modifiers } from '@renderer/libs/device/keyboard';
+import { Modifiers } from '@renderer/libs/device/keyboard'
 import { KeyboardCodes } from '@renderer/libs/keyboard'
 import { IpcEvents } from '@common/ipc-events'
 
@@ -59,7 +59,7 @@ export const Keyboard = (): ReactElement => {
   }
 
   async function sendKeyData(event: KeyboardEvent) {
-    const modifiers = getModifiers(event)
+    const modifiers = Modifiers.getModifiers(event, pressedModifiersRef.current)
     const keys = [
       0x00,
       0x00,
@@ -70,33 +70,6 @@ export const Keyboard = (): ReactElement => {
     await window.electron.ipcRenderer.invoke(IpcEvents.SEND_KEYBOARD, modifiers.encode(), keys)
   }
 
-  function getModifiers(event: KeyboardEvent) {
-    const modifiers = new Modifiers()
-
-    if (event.ctrlKey) {
-      modifiers.leftCtrl = pressedModifiersRef.current.has('ControlLeft')
-      modifiers.rightCtrl = pressedModifiersRef.current.has('ControlRight')
-    }
-    if (event.shiftKey) {
-      modifiers.leftShift = pressedModifiersRef.current.has('ShiftLeft')
-      modifiers.rightShift = pressedModifiersRef.current.has('ShiftRight')
-    }
-    if (event.altKey) {
-      modifiers.leftAlt = pressedModifiersRef.current.has('AltLeft')
-      modifiers.rightAlt = pressedModifiersRef.current.has('AltRight')
-    }
-    if (event.metaKey) {
-      modifiers.leftWindows = pressedModifiersRef.current.has('MetaLeft')
-      modifiers.rightWindows = pressedModifiersRef.current.has('MetaRight')
-    }
-    if (event.getModifierState('AltGraph')) {
-      modifiers.leftCtrl = true
-      modifiers.rightAlt = true
-    }
-
-    return modifiers
-  }
-
   return <></>
 }
 
diff --git a/desktop/src/renderer/src/components/menu/keyboard/ctrl-alt-del.tsx b/desktop/src/renderer/src/components/menu/keyboard/ctrl-alt-del.tsx
deleted file mode 100644
index fdba563..0000000
--- a/desktop/src/renderer/src/components/menu/keyboard/ctrl-alt-del.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { ReactElement, useState } from 'react'
-import { SendHorizonal } from 'lucide-react'
-import { useTranslation } from 'react-i18next'
-
-import { IpcEvents } from '@common/ipc-events'
-import { KeyboardCodes } from '@renderer/libs/keyboard'
-
-export const CtrlAltDel = (): ReactElement => {
-  const { t } = useTranslation()
-  const [isLoading, setIsLoading] = useState(false)
-
-  async function ctrlAltDel(): Promise<void> {
-    if (isLoading) return
-    setIsLoading(true)
-
-    try {
-      await send(5, KeyboardCodes.get('Delete')!) // modifier 5 is ctrlLeft + altLeft
-
-      await send(0, 0)
-    } catch (e) {
-      console.log(e)
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  async function send(modifier: number, key: number): Promise<void> {
-    await window.electron.ipcRenderer.invoke(IpcEvents.SEND_KEYBOARD, modifier, key)
-  }
-
-  return (
-    <div
-      className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60"
-      onClick={ctrlAltDel}
-    >
-      <SendHorizonal size={18} />
-      <span>{t('keyboard.ctrlAltDel')}</span>
-    </div>
-  )
-}
diff --git a/desktop/src/renderer/src/components/menu/keyboard/index.tsx b/desktop/src/renderer/src/components/menu/keyboard/index.tsx
index 2ae4e05..3ca192f 100644
--- a/desktop/src/renderer/src/components/menu/keyboard/index.tsx
+++ b/desktop/src/renderer/src/components/menu/keyboard/index.tsx
@@ -1,19 +1,19 @@
-import { ReactElement, useState } from 'react'
-import { Popover } from 'antd'
-import { KeyboardIcon } from 'lucide-react'
+import { useState, ReactElement } from 'react';
+import { Popover } from 'antd';
+import { KeyboardIcon } from 'lucide-react';
 
-import { CtrlAltDel } from './ctrl-alt-del'
-import { Paste } from './paste'
-import { VirtualKeyboard } from './virtual-keyboard'
+import { Paste } from './paste';
+import { VirtualKeyboard } from './virtual-keyboard';
+import { KeyboardShortcutsMenu } from './shortcuts-menu';
 
 export const Keyboard = (): ReactElement => {
-  const [isPopoverOpen, setIsPopoverOpen] = useState(false)
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 
   const content = (
     <>
       <Paste />
-      <CtrlAltDel />
       <VirtualKeyboard />
+      <KeyboardShortcutsMenu />
     </>
   )
 
@@ -26,7 +26,7 @@ export const Keyboard = (): ReactElement => {
       open={isPopoverOpen}
       onOpenChange={setIsPopoverOpen}
     >
-      <div className="flex h-[28px] cursor-pointer items-center justify-center rounded px-2 text-white hover:bg-neutral-700/70">
+      <div className="flex h-[28px] w-[28px] cursor-pointer items-center justify-center rounded text-white hover:bg-neutral-700/70">
         <KeyboardIcon size={18} />
       </div>
     </Popover>
diff --git a/desktop/src/renderer/src/components/menu/keyboard/shortcut-custom.tsx b/desktop/src/renderer/src/components/menu/keyboard/shortcut-custom.tsx
new file mode 100644
index 0000000..5a73aff
--- /dev/null
+++ b/desktop/src/renderer/src/components/menu/keyboard/shortcut-custom.tsx
@@ -0,0 +1,159 @@
+import { useEffect, useRef, useState } from 'react';
+import { Input, InputRef, Modal, Space } from 'antd';
+import { KeyboardIcon, SquarePenIcon } from 'lucide-react';
+import { isKeyboardEnableAtom } from '@renderer/jotai/keyboard';
+import { modifierKeys, Modifiers, ShortcutProps } from '@renderer/libs/device/keyboard';
+import { useSetAtom } from 'jotai'
+import { useTranslation } from 'react-i18next'
+
+interface KeyboardShortcutCustomProps {
+  addShortcut: (shortcut: ShortcutProps) => void;
+}
+
+export const KeyboardShortcutCustom = ({ addShortcut }: KeyboardShortcutCustomProps) => {
+  const { t } = useTranslation();
+  const setIsKeyboardEnable = useSetAtom(isKeyboardEnableAtom);
+  const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+  const [isCapturingShortcut, setIsCapturingShortcut] = useState<boolean>(false);
+  const [shortcut, setShortcut] = useState<ShortcutProps | null>(null);
+  const [shortcutLabel, setShortcutLabel] = useState<string>('');
+  const [shortcutFixedLabel, setShortcutFixedLabel] = useState<string>('');
+  const pressedModifiersRef = useRef<Set<string>>(new Set());
+  const inputRef = useRef<InputRef>(null);
+
+  function getPressedShortcutString(event: KeyboardEvent) {
+    let pressedKey: string = '';
+    pressedKey += event.ctrlKey ? 'Ctrl + ' : '';
+    pressedKey += event.shiftKey ? 'Shift + ' : '';
+    pressedKey += event.altKey ? 'Alt + ' : '';
+    pressedKey += event.metaKey ? 'Meta + ' : '';
+    if (!modifierKeys.has(event.key)) {
+      if (event.code.startsWith('Key') || event.code.startsWith('Digit')) {
+        pressedKey += event.code.slice(-1);
+      } else {
+        pressedKey += event.key;
+      }
+    }
+    return pressedKey;
+  }
+
+  function handleModelDone() {
+    if (shortcut == null) {
+      cleanShortcut();
+      return;
+    }
+    addShortcut({
+      modifiers: shortcut.modifiers,
+      label: shortcutLabel == '' ? shortcutFixedLabel : shortcutLabel,
+      keyCode: shortcut.keyCode
+    });
+    cleanShortcut();
+  }
+
+  function cleanShortcut() {
+    setIsCapturingShortcut(false);
+    setIsModalOpen(false);
+    setShortcut(null);
+    setShortcutLabel('');
+    setShortcutFixedLabel('');
+  }
+
+  async function handleKeyDown(event: KeyboardEvent) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    const label = getPressedShortcutString(event);
+    setShortcutFixedLabel(label);
+
+    if (modifierKeys.has(event.key)) {
+      if (event.type == 'keydown') {
+        pressedModifiersRef.current.add(event.code);
+      } else {
+        pressedModifiersRef.current.delete(event.code);
+      }
+    } else {
+      setIsCapturingShortcut(false);
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('keyup', handleKeyDown);
+      const modifiers = Modifiers.getModifiers(event, pressedModifiersRef.current);
+      const ret: ShortcutProps = {
+        modifiers: modifiers,
+        label: label,
+        keyCode: event.code
+      };
+      setShortcut(ret);
+
+    }
+  }
+
+  function handleFullscreen() {
+    if (!document.fullscreenElement) {
+      const element = document.documentElement;
+      element.requestFullscreen().then();
+      // @ts-expect-error - https://developer.mozilla.org/en-US/docs/Web/API/Keyboard/lock
+      navigator.keyboard?.lock();
+    }
+  }
+
+  useEffect(() => {
+    setIsKeyboardEnable(!isModalOpen);
+  }, [isModalOpen]);
+
+  useEffect(() => {
+    if (inputRef.current && !isCapturingShortcut) {
+      inputRef.current.blur();
+    }
+  }, [isCapturingShortcut]);
+
+  return (
+    <>
+      <div
+        className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60"
+        onClick={() => {
+          setIsModalOpen(true);
+        }}
+      >
+        <span>{t('keyboard.shortcut.custom')}</span>
+      </div>
+      <Modal
+        width={400}
+        title={t('keyboard.shortcut.custom')}
+        open={isModalOpen}
+        onOk={handleModelDone}
+        onCancel={cleanShortcut}
+        okText={t('keyboard.shortcut.save')}
+        cancelText={t('keyboard.shortcut.cancel')}>
+        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+          <div className="flex">
+            {t('keyboard.shortcut.captureTips')}
+            <a onClick={handleFullscreen}>{t('keyboard.shortcut.enterFullScreen')}</a>
+          </div>
+          <Input
+            ref={inputRef}
+            placeholder={t('keyboard.shortcut.capture')}
+            value={shortcutFixedLabel}
+            prefix={<KeyboardIcon size={16} />}
+            onFocus={() => {
+              setIsCapturingShortcut(true);
+              window.addEventListener('keydown', handleKeyDown);
+              window.addEventListener('keyup', handleKeyDown);
+            }}
+            onBlur={() => {
+              setIsCapturingShortcut(false);
+              window.removeEventListener('keydown', handleKeyDown);
+              window.removeEventListener('keyup', handleKeyDown);
+            }}
+          />
+
+          <Input
+            placeholder={shortcutFixedLabel || t('keyboard.shortcut.label')}
+            value={shortcutLabel}
+            prefix={<SquarePenIcon size={16} />}
+            onChange={(e) => setShortcutLabel(e.target.value)}
+          />
+
+        </Space>
+      </Modal>
+    </>
+  );
+};
diff --git a/desktop/src/renderer/src/components/menu/keyboard/shortcut.tsx b/desktop/src/renderer/src/components/menu/keyboard/shortcut.tsx
new file mode 100644
index 0000000..59393a4
--- /dev/null
+++ b/desktop/src/renderer/src/components/menu/keyboard/shortcut.tsx
@@ -0,0 +1,49 @@
+import { useState, PropsWithChildren } from 'react';
+import { SendHorizonal } from 'lucide-react';
+import { Modifiers, ShortcutProps } from '@renderer/libs/device/keyboard';
+import { KeyboardCodes } from '@renderer/libs/keyboard'
+import { IpcEvents } from '@common/ipc-events'
+
+type ShortcutPropsWithChildren = ShortcutProps & PropsWithChildren
+
+export const Shortcut = (
+  { label, modifiers = {}, keyCode , children}: ShortcutPropsWithChildren
+) => {
+  const [isLoading, setIsLoading] = useState(false);
+
+  async function handleClick(): Promise<void> {
+    if (isLoading) return;
+    setIsLoading(true);
+
+    try {
+      const mods = new Modifiers();
+      Object.assign(mods, modifiers);
+      await send(mods, KeyboardCodes.get(keyCode)!);
+    } catch (e) {
+      console.log(e);
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  async function send(mods: Modifiers, code: number) {
+    const keys = [0x00, 0x00, code, 0x00, 0x00, 0x00];
+    await window.electron.ipcRenderer.invoke(IpcEvents.SEND_KEYBOARD, mods.encode(), keys)
+    await window.electron.ipcRenderer.invoke(
+      IpcEvents.SEND_KEYBOARD,
+      new Modifiers().encode(),
+      [0x00, 0x00, 0x00, 0x00, 0x00, 0x00]
+    );
+  }
+
+  return (
+    <div
+      className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60"
+      onClick={handleClick}
+    >
+      <SendHorizonal size={18} />
+      <span className="w-full">{label}</span>
+      {children}
+    </div>
+  );
+};
diff --git a/desktop/src/renderer/src/components/menu/keyboard/shortcuts-menu.tsx b/desktop/src/renderer/src/components/menu/keyboard/shortcuts-menu.tsx
new file mode 100644
index 0000000..a6e993b
--- /dev/null
+++ b/desktop/src/renderer/src/components/menu/keyboard/shortcuts-menu.tsx
@@ -0,0 +1,99 @@
+import { useEffect, useState } from 'react';
+import { Button, Divider, Popover } from 'antd';
+import { SendHorizonal, Trash } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { ShortcutProps } from '@renderer/libs/device/keyboard';
+import { Shortcut } from './shortcut';
+import { KeyboardShortcutCustom } from './shortcut-custom';
+import { getShortcuts, setShortcuts } from '@renderer/libs/storage';
+
+export const KeyboardShortcutsMenu = () => {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(false);
+  const [storedShortcuts, setStoredShortcuts] = useState<ShortcutProps[]>([]);
+  const predefinedShortcuts : ShortcutProps[] = [
+    {
+      label: t('keyboard.shortcut.ctrlAltDel'),
+      modifiers: { leftCtrl: true, leftAlt: true },
+      keyCode: 'Delete',
+    },
+    {
+      label: t('keyboard.shortcut.ctrlD'),
+      modifiers: { leftCtrl: true },
+      keyCode: 'KeyD',
+    },
+    {
+      label: t('keyboard.shortcut.winTab'),
+      modifiers: { leftWindows: true },
+      keyCode: 'Tab',
+    },
+  ]
+
+  const addShortcut = (shortcut: ShortcutProps) => {
+    if (shortcut == null) return;
+    const shortcuts = getShortcuts();
+    shortcuts.push(shortcut);
+    setStoredShortcuts(shortcuts);
+    setShortcuts(shortcuts);
+  }
+
+  const removeShortcut = (indexToRemove: number) => {
+    const newShortcuts = storedShortcuts.filter(
+      (_, index) => index !== indexToRemove
+    );
+    setStoredShortcuts(newShortcuts);
+    setShortcuts(newShortcuts);
+  }
+
+  useEffect(() => {
+    const shortcuts = getShortcuts();
+    if (shortcuts.length === 0) {
+      predefinedShortcuts.forEach(shortcut => {
+        addShortcut(shortcut);
+      })
+    } else {
+      setStoredShortcuts(shortcuts);
+    }
+  }, []);
+
+  return (
+    <Popover
+      content={
+        <div className="flex flex-col gap-1">
+          {storedShortcuts.map((shortcut, index) => (
+            <>
+              <Shortcut
+                key={index}
+                label={shortcut.label}
+                modifiers={shortcut.modifiers}
+                keyCode={shortcut.keyCode}
+              >
+                <Button
+                  className="ml-auto"
+                  type="text"
+                  danger
+                  icon={<Trash size={16} />}
+                  onClick={() => {removeShortcut(index)}}
+                />
+              </Shortcut>
+            </>
+          ))}
+          <Divider style={{ margin: '5px 0 5px 0' }} />
+          <KeyboardShortcutCustom
+            addShortcut={addShortcut}/>
+        </div>
+      }
+      trigger="click"
+      placement="rightTop"
+      align={{ offset: [14, 0] }}
+      open={open}
+      onOpenChange={setOpen}
+      arrow={false}
+    >
+      <div className="flex h-[30px] cursor-pointer items-center space-x-1 rounded px-3 text-neutral-300 hover:bg-neutral-700/60">
+        <SendHorizonal size={18} />
+        <span>{t('keyboard.shortcut.title')}</span>
+      </div>
+    </Popover>
+  );
+};
diff --git a/desktop/src/renderer/src/i18n/locales/be.ts b/desktop/src/renderer/src/i18n/locales/be.ts
index ba6f538..f1f6de2 100644
--- a/desktop/src/renderer/src/i18n/locales/be.ts
+++ b/desktop/src/renderer/src/i18n/locales/be.ts
@@ -40,7 +40,12 @@ const be = {
       keyboard: {
         paste: 'Plakken',
         virtualKeyboard: 'Virtueel klavier',
-        ctrlAltDel: 'Ctrl + Alt + Delete'
+        shortcut: {
+          title: 'Sneltoetsen',
+          ctrlAltDel: 'Ctrl + Alt + Delete',
+          ctrlD: 'Ctrl + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/de.ts b/desktop/src/renderer/src/i18n/locales/de.ts
index 80f7d80..bfc6cca 100644
--- a/desktop/src/renderer/src/i18n/locales/de.ts
+++ b/desktop/src/renderer/src/i18n/locales/de.ts
@@ -40,7 +40,12 @@ const de = {
       keyboard: {
         paste: 'Einfügen',
         virtualKeyboard: 'Virtuelle Tastatur',
-        ctrlAltDel: 'Strg + Alt + Entfernen'
+        shortcut: {
+          title: 'Tastenkürzel',
+          ctrlAltDel: 'Strg + Alt + Entfernen',
+          ctrlD: 'Strg + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/en.ts b/desktop/src/renderer/src/i18n/locales/en.ts
index cd5f503..fc511a2 100644
--- a/desktop/src/renderer/src/i18n/locales/en.ts
+++ b/desktop/src/renderer/src/i18n/locales/en.ts
@@ -40,7 +40,19 @@ const en = {
     keyboard: {
       paste: 'Paste',
       virtualKeyboard: 'Keyboard',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        title: 'Shortcut',
+        custom: 'Custom Shortcut',
+        capture: 'Click here to capture shortcut',
+        label: 'Label',
+        cancel: 'Cancel',
+        save: 'Save',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+        enterFullScreen: 'Enter Full Screen',
+        captureTips: 'Capturing the Meta key separately requires operation in full-screen mode.'
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/ko.ts b/desktop/src/renderer/src/i18n/locales/ko.ts
index 6b58ec8..cd61ff5 100644
--- a/desktop/src/renderer/src/i18n/locales/ko.ts
+++ b/desktop/src/renderer/src/i18n/locales/ko.ts
@@ -30,10 +30,14 @@ const ko = {
         cancel: '취소'
       }
     },
-    keyboard: {
+    kekeyboard: {
       paste: '붙여넣기',
       virtualKeyboard: '가상 키보드',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/nl.ts b/desktop/src/renderer/src/i18n/locales/nl.ts
index 8cc968a..0474ba9 100644
--- a/desktop/src/renderer/src/i18n/locales/nl.ts
+++ b/desktop/src/renderer/src/i18n/locales/nl.ts
@@ -40,7 +40,12 @@ const nl = {
       keyboard: {
         paste: 'Plakken',
         virtualKeyboard: 'Virtueel toetsenbord',
-        ctrlAltDel: 'Ctrl + Alt + Delete'
+        shortcut: {
+          title: 'Sneltoetsen',
+          ctrlAltDel: 'Ctrl + Alt + Delete',
+          ctrlD: 'Ctrl + D',
+          winTab: 'Win + Tab',
+        },
       },
       mouse: {
         cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/pl.ts b/desktop/src/renderer/src/i18n/locales/pl.ts
index aee3c66..e1811d4 100644
--- a/desktop/src/renderer/src/i18n/locales/pl.ts
+++ b/desktop/src/renderer/src/i18n/locales/pl.ts
@@ -32,7 +32,11 @@ const pl = {
     keyboard: {
       paste: 'Wklej',
       virtualKeyboard: 'Klawiatura',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/pt_br.ts b/desktop/src/renderer/src/i18n/locales/pt_br.ts
index 9950793..98820a8 100644
--- a/desktop/src/renderer/src/i18n/locales/pt_br.ts
+++ b/desktop/src/renderer/src/i18n/locales/pt_br.ts
@@ -32,7 +32,11 @@ const pt_br = {
     keyboard: {
       paste: 'Colar',
       virtualKeyboard: 'Teclado Virtual',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/ru.ts b/desktop/src/renderer/src/i18n/locales/ru.ts
index b548bfd..1373a7f 100644
--- a/desktop/src/renderer/src/i18n/locales/ru.ts
+++ b/desktop/src/renderer/src/i18n/locales/ru.ts
@@ -40,7 +40,12 @@ const ru = {
     keyboard: {
       paste: 'Вставить текст',
       virtualKeyboard: 'Виртуальная клавиатура',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        title: 'Сочетания клавиш',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/zh.ts b/desktop/src/renderer/src/i18n/locales/zh.ts
index d873711..97ca591 100644
--- a/desktop/src/renderer/src/i18n/locales/zh.ts
+++ b/desktop/src/renderer/src/i18n/locales/zh.ts
@@ -36,10 +36,22 @@ const zh = {
         cancel: '取消'
       }
     },
-    keyboard: {
+    kkeyboard: {
       paste: '粘贴',
       virtualKeyboard: '虚拟键盘',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        title: '快捷键',
+        custom: '自定义快捷键',
+        capture: '点击此处捕获快捷键',
+        label: '备注',
+        cancel: '取消',
+        save: '保存',
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+        enterFullScreen: '进入全屏',
+        captureTips: '单独捕获 Meta 键需要在全屏下操作，'
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/i18n/locales/zh_tw.ts b/desktop/src/renderer/src/i18n/locales/zh_tw.ts
index 416d18a..b564904 100644
--- a/desktop/src/renderer/src/i18n/locales/zh_tw.ts
+++ b/desktop/src/renderer/src/i18n/locales/zh_tw.ts
@@ -35,7 +35,11 @@ const zh_tw = {
     keyboard: {
       paste: '貼上',
       virtualKeyboard: '虛擬鍵盤',
-      ctrlAltDel: 'Ctrl + Alt + Delete'
+      shortcut: {
+        ctrlAltDel: 'Ctrl + Alt + Delete',
+        ctrlD: 'Ctrl + D',
+        winTab: 'Win + Tab',
+      },
     },
     mouse: {
       cursor: {
diff --git a/desktop/src/renderer/src/libs/device/keyboard.ts b/desktop/src/renderer/src/libs/device/keyboard.ts
index 5cbf487..2b64dd6 100644
--- a/desktop/src/renderer/src/libs/device/keyboard.ts
+++ b/desktop/src/renderer/src/libs/device/keyboard.ts
@@ -1,6 +1,14 @@
 import { setBit } from './utils';
 
-export class Modifiers {
+interface ShortcutProps {
+  label: string;
+  modifiers: Partial<Modifiers>;
+  keyCode: string;
+}
+
+const modifierKeys = new Set(['Control', 'Shift', 'Alt', 'Meta']);
+
+class Modifiers {
   public rightWindows: boolean = false;
   public rightAlt: boolean = false;
   public rightShift: boolean = false;
@@ -22,4 +30,32 @@ export class Modifiers {
     b = setBit(b, 7, this.rightWindows);
     return b;
   }
+
+  public static getModifiers(event: KeyboardEvent, pressedModifiers: Set<string>) {
+    const modifiers = new Modifiers();
+
+    if (event.ctrlKey) {
+      modifiers.leftCtrl = pressedModifiers.has('ControlLeft');
+      modifiers.rightCtrl = pressedModifiers.has('ControlRight');
+    }
+    if (event.shiftKey) {
+      modifiers.leftShift = pressedModifiers.has('ShiftLeft');
+      modifiers.rightShift = pressedModifiers.has('ShiftRight');
+    }
+    if (event.altKey) {
+      modifiers.leftAlt = pressedModifiers.has('AltLeft');
+      modifiers.rightAlt = pressedModifiers.has('AltRight');
+    }
+    if (event.metaKey) {
+      modifiers.leftWindows = pressedModifiers.has('MetaLeft');
+      modifiers.rightWindows = pressedModifiers.has('MetaRight');
+    }
+    if (event.getModifierState('AltGraph')) {
+      modifiers.leftCtrl = true;
+      modifiers.rightAlt = true;
+    }
+    return modifiers;
+  }
 }
+
+export { type ShortcutProps, Modifiers, modifierKeys };
diff --git a/desktop/src/renderer/src/libs/storage/index.ts b/desktop/src/renderer/src/libs/storage/index.ts
index 93bcf3c..84c7852 100644
--- a/desktop/src/renderer/src/libs/storage/index.ts
+++ b/desktop/src/renderer/src/libs/storage/index.ts
@@ -1,5 +1,5 @@
 import type { Resolution } from '@renderer/types'
-
+import { ShortcutProps } from '@renderer/libs/device/keyboard'
 import { getWithExpiry, setWithExpiry } from './expiry'
 
 const LANGUAGE_KEY = 'nanokvm-usb-language'
@@ -16,6 +16,7 @@ const SKIP_UPDATE_KEY = 'nano-kvm-check-update'
 const MOUSE_SCROLL_INTERVAL_KEY = 'nanokvm-usb-mouse-scroll-interval'
 const BAUD_RATE_KEY = 'nanokvm-usb-baud-rate'
 const MOUSE_JIGGLER_MODE_KEY = 'nanokvm-usb-mouse-jiggler-mode'
+const SHORTCUTS_KEY = 'nanokvm-usb-shortcuts';
 
 export function getLanguage(): string | null {
   return localStorage.getItem(LANGUAGE_KEY)
@@ -183,3 +184,13 @@ export function getMouseJigglerMode(): 'enable' | 'disable' {
 export function setMouseJigglerMode(jiggler: 'enable' | 'disable'): void {
   localStorage.setItem(MOUSE_JIGGLER_MODE_KEY, jiggler)
 }
+
+export function getShortcuts(): ShortcutProps[] {
+  const shortcuts = localStorage.getItem(SHORTCUTS_KEY);
+  if (!shortcuts) return [];
+  return window.JSON.parse(shortcuts);
+}
+
+export function setShortcuts(shortcuts: ShortcutProps[]): void {
+  localStorage.setItem(SHORTCUTS_KEY, window.JSON.stringify(shortcuts));
+}