diff --git a/storybook/stories/NavBar/VerticalNavBar/VerticalNavBar.js b/storybook/stories/NavBar/VerticalNavBar/VerticalNavBar.js
new file mode 100644
index 000000000..d0f664b72
--- /dev/null
+++ b/storybook/stories/NavBar/VerticalNavBar/VerticalNavBar.js
@@ -0,0 +1,18 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const VerticalNavBar = require('stremio/common/VerticalNavBar');
+
+const TABS = [
+    { label: 'Board', icon: 'ic_board' },
+    { label: 'Discover', icon: 'ic_discover' },
+    { label: 'Library', icon: 'ic_library' },
+    { label: 'Calendar', icon: 'ic_calendar' },
+    { label: 'Addons', icon: 'ic_addons' },
+    { label: 'Settings', icon: 'ic_settings' }
+];
+
+storiesOf('NavBar', module).add('VerticalNavBar', () => (
+    <VerticalNavBar
+        tabs={TABS}
+    />
+));
diff --git a/storybook/stories/NavBar/VerticalNavBar/index.js b/storybook/stories/NavBar/VerticalNavBar/index.js
new file mode 100644
index 000000000..241e9443d
--- /dev/null
+++ b/storybook/stories/NavBar/VerticalNavBar/index.js
@@ -0,0 +1 @@
+require('./VerticalNavBar');
diff --git a/storybook/stories/NavBar/index.js b/storybook/stories/NavBar/index.js
index b6a1bb580..6c295f8e9 100644
--- a/storybook/stories/NavBar/index.js
+++ b/storybook/stories/NavBar/index.js
@@ -1 +1,2 @@
 require('./HorizontalNavBar');
+require('./VerticalNavBar');