diff --git a/frontend/src/lib/SimilarProteins.svelte b/frontend/src/lib/SimilarProteins.svelte
new file mode 100644
index 00000000..78206f32
--- /dev/null
+++ b/frontend/src/lib/SimilarProteins.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+	export let queryProteinName: string;
+</script>
+
+<div>Similar Proteins</div>
+
+<style>
+	/*  put stuff here */
+</style>
diff --git a/frontend/src/routes/protein/[proteinName]/+page.svelte b/frontend/src/routes/protein/[proteinName]/+page.svelte
index 4feb3961..17bad92a 100644
--- a/frontend/src/routes/protein/[proteinName]/+page.svelte
+++ b/frontend/src/routes/protein/[proteinName]/+page.svelte
@@ -15,6 +15,7 @@
 	import References from "$lib/References.svelte";
 	import { ChevronDownSolid, PenOutline } from "flowbite-svelte-icons";
 	import EntryCard from "$lib/EntryCard.svelte";
+	import SimilarProteins from "$lib/SimilarProteins.svelte";
 
 	const fileDownloadDropdown = ["pdb", "fasta"];
 
@@ -56,6 +57,10 @@
 					<b>Mass (Da)</b>
 					<div><code>{numberWithCommas(entry.mass)}</code></div>
 				</div>
+				<div>
+					<b>Structurally Similar Proteins</b>
+					<SimilarProteins queryProteinName={entry.name} />
+				</div>
 			</EntryCard>
 
 			<!-- Article / Wiki entry -->