diff --git a/index.html b/index.html
index caabbd6..63587d6 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@
       rel="stylesheet"
       type="text/css"
     />
+    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.3/dist/confetti.browser.min.js"></script>
     <!-- card related -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta property="og:title" content="Meeting Roulette" />
diff --git a/main.js b/main.js
index 9389a0b..2806bb2 100644
--- a/main.js
+++ b/main.js
@@ -195,6 +195,12 @@ let app = {
       this.selected = this.getSelected();
       this.timeoutId = setTimeout(() => {
         this.showSelected = true;
+        confetti({
+          particleCount: 400,
+          startVelocity: 100,
+          spread: 100,
+          origin: { y: 0.9 },
+        });
       }, 5000);
     },
     getSelected() {