diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js
index 10988b3..84622d1 100644
--- a/wwwroot/js/ui.js
+++ b/wwwroot/js/ui.js
@@ -2,7 +2,7 @@ import { api } from "./api.js";
 import { t } from "./i18n.js";
 import { state, getSavedUsername, setSavedUsername } from "./state.js";
 import { $, toast } from "./dom.js";
-import { setupCardVisualHover } from "./effects.js";
+import { setupCardVisualHover, triggerCelebration } from "./effects.js";
 
 export function setAuthUI(isAuthed) {
     const main = document.querySelector("main");
@@ -470,7 +470,7 @@ function openSuggestionModal({ title, submitLabel, initial = {}, onSubmit }) {
         }
         if (!data.name?.trim()) return toast(t("toast.nameRequired"), true);
         try {
-            await onSubmit(data, close);
+            await onSubmit(data, close, submitBtn);
         } catch (err) {
             if (window.handleAuthError?.(err)) return;
             toast(err.message, true);
@@ -488,9 +488,10 @@ export function openNewSuggestionModal() {
         title: t("modal.addTitle") || t("suggest.new"),
         submitLabel: t("form.submit"),
         initial: {},
-        onSubmit: async (data, close) => {
+        onSubmit: async (data, close, submitBtn) => {
             await api.createSuggestion(data);
             toast(t("toast.suggestionAdded"));
+            if (submitBtn) triggerCelebration(submitBtn);
             close();
             await window.loadSuggestData();
         },