diff --git a/src/app/core/key-binding/key-binding-panel.ts b/src/app/core/key-binding/key-binding-panel.ts
new file mode 100644
index 0000000..4ee31eb
--- /dev/null
+++ b/src/app/core/key-binding/key-binding-panel.ts
@@ -0,0 +1,19 @@
+import {IXosKeyboardShortcutService, IXosKeyboardShortcutMap} from '../services/keyboard-shortcut';
+import './key-binding-panel.scss';
+
+class XosKeyBindingPanelController {
+  static $inject = ['$scope', 'XosKeyboardShortcut'];
+  public bindings: IXosKeyboardShortcutMap;
+  constructor (
+    private $scope: ng.IScope,
+    private XosKeyboardShortcut: IXosKeyboardShortcutService
+  ) {
+    this.bindings = this.XosKeyboardShortcut.keyMapping;
+  }
+}
+
+export const xosKeyBindingPanel: angular.IComponentOptions = {
+  template: require('./key-binding-panel.html'),
+  controllerAs: 'vm',
+  controller: XosKeyBindingPanelController
+};