diff --git a/storybook/stories/NavBar/HorizontalNavBar/HorizontalNavBar.js b/storybook/stories/NavBar/HorizontalNavBar/HorizontalNavBar.js
new file mode 100644
index 000000000..8ee440da4
--- /dev/null
+++ b/storybook/stories/NavBar/HorizontalNavBar/HorizontalNavBar.js
@@ -0,0 +1,16 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const HorizontalNavBar = require('stremio/common/HorizontalNavBar');
+const styles = require('./styles');
+
+storiesOf('NavBar', module).add('HorizontalNavBar', () => (
+    <HorizontalNavBar
+        className={styles['nav-bar']}
+        backButton={false}
+        searchBar={true}
+        addonsButton={true}
+        fullscreenButton={true}
+        notificationsMenu={true}
+        navMenu={false}
+    />
+));
diff --git a/storybook/stories/NavBar/HorizontalNavBar/index.js b/storybook/stories/NavBar/HorizontalNavBar/index.js
new file mode 100644
index 000000000..b6a1bb580
--- /dev/null
+++ b/storybook/stories/NavBar/HorizontalNavBar/index.js
@@ -0,0 +1 @@
+require('./HorizontalNavBar');
diff --git a/storybook/stories/NavBar/index.js b/storybook/stories/NavBar/index.js
new file mode 100644
index 000000000..b6a1bb580
--- /dev/null
+++ b/storybook/stories/NavBar/index.js
@@ -0,0 +1 @@
+require('./HorizontalNavBar');
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index 9e66e8536..296f084b0 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -5,6 +5,7 @@ require('./Image');
 require('./MetaItem');
 require('./ModalDialog');
 require('./Multiselect');
+require('./NavBar');
 require('./Notification');
 require('./PaginationInput');
 require('./Popup');