diff --git a/web-svelte/src/components/PlayerHand.svelte b/web-svelte/src/components/PlayerHand.svelte
new file mode 100644
index 0000000..5c72276
--- /dev/null
+++ b/web-svelte/src/components/PlayerHand.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+import Card from "./Card.svelte";
+import { hand } from "../stores";
+</script>
+
+
+<div id="hand">
+	{#each $hand as card (card.symbol)}
+		<Card
+			hidden="{false}"
+			{card}
+		/>
+	{/each}
+</div>
+
+
+<style lang="scss">
+#hand {
+	background: rgba(0,0,0, 0.6);
+	border-color: white;
+	border-radius: 15px;
+	border-style: solid;
+	border-width: 1px;
+	display: flex;
+	height: 100%;
+	justify-content: space-evenly;
+	width: 100%;
+}
+</style>
\ No newline at end of file