diff --git a/src/components/tagItem.svelte b/src/components/tagItem.svelte
new file mode 100644
index 0000000..a22c1d0
--- /dev/null
+++ b/src/components/tagItem.svelte
@@ -0,0 +1,8 @@
+<script>
+    import { fade } from 'svelte/transition';
+    export let tag;
+</script>
+
+<a class="list-none p-6 bg-gray-100 text-gray-800 text-center rounded-md shadow-sm hover:shadow-md flex flex-col items-center" href={`/tag/${tag}`} transition:fade>
+    <h2 class="lowercase text-2xl">{tag}</h2>
+</a>