diff --git a/README.md b/README.md
index c0aba534c..7f50b924c 100644
--- a/README.md
+++ b/README.md
@@ -6,6 +6,9 @@
 <a href="https://discord.gg/ejRNvftDp9">
 <img src="https://img.shields.io/discord/1359368468260192417" alt="Discord">
 </a>
+<a href="https://www.reddit.com/r/SurfSense/">
+<img src="https://img.shields.io/reddit/subreddit-subscribers/SurfSense?style=social" alt="Reddit">
+</a>
 </div>
 
 <div align="center">
diff --git a/README.zh-CN.md b/README.zh-CN.md
index bcf0e0ccb..9f118c147 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -6,6 +6,9 @@
 <a href="https://discord.gg/ejRNvftDp9">
 <img src="https://img.shields.io/discord/1359368468260192417" alt="Discord">
 </a>
+<a href="https://www.reddit.com/r/SurfSense/">
+<img src="https://img.shields.io/reddit/subreddit-subscribers/SurfSense?style=social" alt="Reddit">
+</a>
 </div>
 
 <div align="center">
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index 5f39113f4..2a8820bd6 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -1,5 +1,5 @@
 "use client";
-import { IconBrandDiscord, IconBrandGithub, IconMenu2, IconX } from "@tabler/icons-react";
+import { IconBrandDiscord, IconBrandGithub, IconBrandReddit, IconMenu2, IconX } from "@tabler/icons-react";
 import { AnimatePresence, motion } from "motion/react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
@@ -153,6 +153,14 @@ const DesktopNav = ({ navItems, isScrolled }: any) => {
 				>
 					<IconBrandDiscord className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
 				</Link>
+				<Link
+					href="https://www.reddit.com/r/SurfSense/"
+					target="_blank"
+					rel="noopener noreferrer"
+					className="hidden rounded-full p-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors md:flex items-center justify-center"
+				>
+					<IconBrandReddit className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
+				</Link>
 				<Link
 					href="https://github.com/MODSetter/SurfSense"
 					target="_blank"
@@ -236,6 +244,14 @@ const MobileNav = ({ navItems, isScrolled }: any) => {
 							>
 								<IconBrandDiscord className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
 							</Link>
+							<Link
+								href="https://www.reddit.com/r/SurfSense/"
+								target="_blank"
+								rel="noopener noreferrer"
+								className="flex items-center justify-center rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors touch-manipulation"
+							>
+								<IconBrandReddit className="h-5 w-5 text-neutral-600 dark:text-neutral-300" />
+							</Link>
 							<Link
 								href="https://github.com/MODSetter/SurfSense"
 								target="_blank"