diff --git a/package-lock.json b/package-lock.json
index eabca6f..4132e94 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
 				"prettier-plugin-tailwindcss": "^0.6.11",
 				"svelte": "^5.0.0",
 				"svelte-check": "^4.0.0",
+				"svelte-confetti": "^2.3.1",
 				"tailwindcss": "^4.0.0",
 				"typescript": "^5.0.0",
 				"vite": "^6.2.6"
@@ -4655,6 +4656,15 @@
 				"typescript": ">=5.0.0"
 			}
 		},
+		"node_modules/svelte-confetti": {
+			"version": "2.3.1",
+			"resolved": "https://registry.npmjs.org/svelte-confetti/-/svelte-confetti-2.3.1.tgz",
+			"integrity": "sha512-bKd8etTOeBQyeS9LDPuSd7Oqy5msf0xvxItzsHPajKaarr/LWFzqPq7rp6QQO5rGTzLgM0fmjovOvLkRbrd2gg==",
+			"dev": true,
+			"peerDependencies": {
+				"svelte": ">=5.0.0"
+			}
+		},
 		"node_modules/svelte-eslint-parser": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-1.1.3.tgz",
diff --git a/package.json b/package.json
index a7f0297..8291599 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
 		"prettier-plugin-tailwindcss": "^0.6.11",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
+		"svelte-confetti": "^2.3.1",
 		"tailwindcss": "^4.0.0",
 		"typescript": "^5.0.0",
 		"vite": "^6.2.6"
diff --git a/src/lib/components/Comment.svelte b/src/lib/components/Comment.svelte
index ea697b6..459bb53 100644
--- a/src/lib/components/Comment.svelte
+++ b/src/lib/components/Comment.svelte
@@ -9,6 +9,8 @@
 	import { Carta, Markdown, MarkdownEditor } from 'carta-md';
 	import 'carta-md/default.css'; /* Default theme */
 	import DOMPurify from 'dompurify';
+	import { Confetti } from "svelte-confetti"
+
 
     console.log("show reactions", showReactions, event)
 
@@ -20,6 +22,7 @@
 	let reactions = writable([]);
 	let reacted = writable(window.localStorage.getItem(event.id));
     let reaction = writable({})
+	let clicked = writable(false);
 
 	async function sendReaction() {
 		const reactionEvent = new NDKEvent($ndk, {
@@ -34,6 +37,7 @@
 		$reactions = Array.from(r);
 		window.localStorage.setItem(event.id, 'true');
 		$reacted = true;
+		$clicked = true
 	}
 
     async function deleteVote() {
@@ -66,10 +70,13 @@
 			<span>👍 {$reactions.length}</span>
 			<span class="thanks">Danke für deinen Vote!</span>
             <!-- <button onclick={() => deleteVote()} class="btn">Vote zurückziehen</button> -->
-		{:else if showReactions === "true"}
+			{:else if showReactions === "true"}
 			<button onclick={() => sendReaction()} class="like">👍</button>
 			<span>{$reactions.length}</span>
 		{/if}
+		{#if $clicked}
+			<Confetti />
+		{/if}
 	</div>
 </div>
 <style>