diff --git a/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js b/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
new file mode 100644
index 000000000..9da0f25e2
--- /dev/null
+++ b/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
@@ -0,0 +1,19 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const { MetaItem } = require('stremio/common');
+const styles = require('./styles');
+
+storiesOf('MetaItem', module).add('SimpleMetaItem', () => (
+    <MetaItem
+        className={styles['meta-item-container']}
+        id={'meta-item-id'}
+        type={'movie'}
+        name={'Demo item'}
+        posterShape={'poster'}
+        poster={'https://blog.stremio.com/wp-content/uploads/2019/07/Stremio-open-source-850x531.jpg'}
+        title={'Demo item'}
+        progress={0.4}
+        playIcon={true}
+        onClick={() => console.log('Demo item clicked')}
+    />
+));
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/index.js b/storybook/stories/MetaItem/SimpleMetaItem/index.js
new file mode 100644
index 000000000..5a839c692
--- /dev/null
+++ b/storybook/stories/MetaItem/SimpleMetaItem/index.js
@@ -0,0 +1 @@
+require('./SimpleMetaItem');
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/styles.less b/storybook/stories/MetaItem/SimpleMetaItem/styles.less
new file mode 100644
index 000000000..feed69dc2
--- /dev/null
+++ b/storybook/stories/MetaItem/SimpleMetaItem/styles.less
@@ -0,0 +1,4 @@
+.meta-item-container {
+    width: 180px;
+    margin: 10px;
+}
\ No newline at end of file
diff --git a/storybook/stories/MetaItem/index.js b/storybook/stories/MetaItem/index.js
new file mode 100644
index 000000000..5a839c692
--- /dev/null
+++ b/storybook/stories/MetaItem/index.js
@@ -0,0 +1 @@
+require('./SimpleMetaItem');
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index bf8f95c49..0068517f9 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -1 +1,2 @@
 require('./Addon');
+require('./MetaItem');