diff --git a/src/common/MetaPreview/MetaLinks/MetaLinks.js b/src/common/MetaPreview/MetaLinks/MetaLinks.js
new file mode 100644
index 000000000..8d526d77d
--- /dev/null
+++ b/src/common/MetaPreview/MetaLinks/MetaLinks.js
@@ -0,0 +1,42 @@
+const React = require('react');
+const PropTypes = require('prop-types');
+const classnames = require('classnames');
+const Button = require('stremio/common/Button');
+const styles = require('./styles');
+
+const MetaLinks = ({ className, label = '', links = [] }) => {
+ return (
+
+ {
+ typeof label === 'string' && label.length > 0 ?
+
{label}:
+ :
+ null
+ }
+ {
+ Array.isArray(links) && links.length > 0 ?
+
+ {links.map(({ label, href }, index) => (
+
+ ))}
+
+ :
+ null
+ }
+
+ );
+};
+
+MetaLinks.propTypes = {
+ className: PropTypes.string,
+ label: PropTypes.string,
+ links: PropTypes.arrayOf(PropTypes.shape({
+ label: PropTypes.string,
+ href: PropTypes.string
+ }))
+};
+
+module.exports = MetaLinks;
diff --git a/src/common/MetaPreview/MetaLinks/index.js b/src/common/MetaPreview/MetaLinks/index.js
new file mode 100644
index 000000000..403239952
--- /dev/null
+++ b/src/common/MetaPreview/MetaLinks/index.js
@@ -0,0 +1,3 @@
+const MetaLinks = require('./MetaLinks');
+
+module.exports = MetaLinks;
diff --git a/src/common/MetaPreview/MetaLinks/styles.less b/src/common/MetaPreview/MetaLinks/styles.less
new file mode 100644
index 000000000..030c751a5
--- /dev/null
+++ b/src/common/MetaPreview/MetaLinks/styles.less
@@ -0,0 +1,26 @@
+.meta-links-container {
+ .label {
+ margin-bottom: 0.2rem;
+ font-size: 1.2rem;
+ }
+
+ .links-container {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+
+ .link {
+ flex-grow: 0;
+ flex-shrink: 1;
+ margin-right: 0.5rem;
+ margin-bottom: 0.2rem;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ color: var(--color-surfacelighter);
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+}
\ No newline at end of file