diff --git a/themes/common/components/Link.tsx b/themes/common/components/Link.tsx
new file mode 100644
index 0000000..82b31d5
--- /dev/null
+++ b/themes/common/components/Link.tsx
@@ -0,0 +1,31 @@
+type Props = {
+  url: string;
+  title: string;
+};
+
+const Link = ({ url, title }: Props) => (
+  <a
+    href={url}
+    target="_blank"
+    rel="noopener noreferrer"
+    className="
+      block
+      w-full
+      text-center
+      py-2
+      border-2
+      border-gray-400
+      rounded
+      hover:bg-gray-900
+      hover:border-gray-900
+      hover:text-white
+      transition
+      focus:ring-2
+      focus:ring-gray-600 text-gray-800
+    "
+  >
+    {title}
+  </a>
+);
+
+export default Link;
diff --git a/themes/common/package.json b/themes/common/package.json
new file mode 100644
index 0000000..eb5eed0
--- /dev/null
+++ b/themes/common/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "@themes/common",
+  "private": true,
+  "version": "0.0.0",
+  "author": "Vojtech Mares <iam@vojtechmares.com>",
+  "devDependencies": {
+    "@types/react": "^17.0.34",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "tailwindcss": "^3.0.8",
+    "typescript": "^4.4.4"
+  }
+}