diff --git a/server/notification.js b/server/notification.js
index 961768ac1..35b22054b 100644
--- a/server/notification.js
+++ b/server/notification.js
@@ -35,6 +35,93 @@ class Notification {
                 return false;
             }
 
+        } else if (notification.type === "slack") {
+            try {
+                if (heartbeatJSON == null) {
+                    let data = {
+                        "blocks": [{
+                            "type": "header",
+                            "text": {
+                                "type": "plain_text",
+                                "text": "Uptime Kuma - Slack Testing"
+                            }
+                        },
+                        {
+                            "type": "section",
+                            "fields": [{
+                                "type": "mrkdwn",
+                                "text": "*Message*\nSlack Testing"
+                            },
+                            {
+                                "type": "mrkdwn",
+                                "text": "*Time (UTC)*\nSlack Testing"
+                            }
+                            ]
+                        },
+                        {
+                            "type": "actions",
+                            "elements": [
+                                {
+                                    "type": "button",
+                                    "text": {
+                                        "type": "plain_text",
+                                        "text": "Visit Uptime Kuma",
+                                    },
+                                    "value": "Uptime-Kuma",
+                                    "url": notification.slackbutton
+                                }
+                            ]
+                        }
+                        ]
+                    }
+                    let res = await axios.post(notification.slackwebhookURL, data)
+                    return true;
+                }
+
+                const time = heartbeatJSON["time"];
+                let data = {
+                    "blocks": [{
+                        "type": "header",
+                        "text": {
+                            "type": "plain_text",
+                            "text": "Uptime Kuma Alert"
+                        }
+                    },
+                    {
+                        "type": "section",
+                        "fields": [{
+                            "type": "mrkdwn",
+                            "text": '*Message*\n' + msg
+                        },
+                        {
+                            "type": "mrkdwn",
+                            "text": "*Time (UTC)*\n" + time
+                        }
+                        ]
+                    },
+                    {
+                        "type": "actions",
+                        "elements": [
+                            {
+                                "type": "button",
+                                "text": {
+                                    "type": "plain_text",
+                                    "text": "Visit Uptime Kuma",
+                                },
+                                "value": "Uptime-Kuma",
+                                "url": notification.slackbutton
+                            }
+                        ]
+                    }
+                    ]
+                }
+                let res = await axios.post(notification.slackwebhookURL, data)
+                return true;
+            } catch (error) {
+                console.log(error)
+                return false;
+            }
+
         } else if (notification.type === "webhook") {
             try {
 
diff --git a/src/components/NotificationDialog.vue b/src/components/NotificationDialog.vue
index d08cb5019..64bd28bcd 100644
--- a/src/components/NotificationDialog.vue
+++ b/src/components/NotificationDialog.vue
@@ -19,6 +19,7 @@
                                     <option value="discord">Discord</option>
                                     <option value="signal">Signal</option>
                                     <option value="gotify">Gotify</option>
+                                    <option value="slack">Slack</option>
                                 </select>
                             </div>
 
@@ -171,18 +172,31 @@
                         </template>
 
                         <template v-if="notification.type === 'gotify'">
-                                <div class="mb-3">
-                                    <label for="gotify-application-token" class="form-label">Application Token</label>
-                                    <input type="text" class="form-control" id="gotify-application-token" required v-model="notification.gotifyapplicationToken">
-                                </div>
+                            <div class="mb-3">
+                                <label for="gotify-application-token" class="form-label">Application Token</label>
+                                <input type="text" class="form-control" id="gotify-application-token" required v-model="notification.gotifyapplicationToken">
+                            </div>
 
-                                <div class="mb-3">
-                                    <label for="gotify-server-url" class="form-label">Server URL</label>
-                                    <div class="input-group mb-3">
-                                        <input type="text" class="form-control" id="gotify-server-url" required v-model="notification.gotifyserverurl">
-                                    </div>
+                            <div class="mb-3">
+                                <label for="gotify-server-url" class="form-label">Server URL</label>
+                                <div class="input-group mb-3">
+                                    <input type="text" class="form-control" id="gotify-server-url" required v-model="notification.gotifyserverurl">
                                 </div>
-                            </template>
+                            </div>
+                        </template>
+                        <template v-if="notification.type === 'slack'">
+                            <div class="mb-3">
+                                <label for="slack-webhook-url" class="form-label">Slack Webhook URL</label>
+                                <input type="text" class="form-control" id="slack-webhook-url" required v-model="notification.slackwebhookURL" autocomplete="false">
+                                <label for="gotify-server-url" class="form-label">Uptime Kuma URL</label>
+                                    <div class="input-group mb-3">
+                                        <input type="text" class="form-control" id="slack-button" required v-model="notification.slackbutton" autocomplete="false">
+                                    </div>
+                                <p style="margin-top: 8px;">
+                                        More info on: <a href="https://api.slack.com/messaging/webhooks" target="_blank">https://api.slack.com/messaging/webhooks</a>
+                                </p>
+                            </div>
+                        </template>
 
                     </div>
                     <div class="modal-footer">