From b7c40a049d443f310d68bfe097f62950304eae0a Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Wed, 14 Jan 2026 14:33:25 -0800
Subject: [PATCH 1/3] Community engagement buttons

---
 .../src/components/navbar.test.tsx            | 20 +++++++++++++++++++
 .../src/components/navbar.tsx                 | 20 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/navbar.test.tsx b/ui/litellm-dashboard/src/components/navbar.test.tsx
index 7b1c4451d7a..5d3c7254ff9 100644
--- a/ui/litellm-dashboard/src/components/navbar.test.tsx
+++ b/ui/litellm-dashboard/src/components/navbar.test.tsx
@@ -61,6 +61,26 @@ describe("Navbar", () => {
     expect(screen.getByText("User")).toBeInTheDocument();
   });
 
+  it("should render Join Slack button with correct link", () => {
+    renderWithProviders(<Navbar {...defaultProps} />);
+
+    const joinSlackLink = screen.getByRole("link", { name: /join slack/i });
+    expect(joinSlackLink).toBeInTheDocument();
+    expect(joinSlackLink).toHaveAttribute("href", "https://www.litellm.ai/support");
+    expect(joinSlackLink).toHaveAttribute("target", "_blank");
+    expect(joinSlackLink).toHaveAttribute("rel", "noopener noreferrer");
+  });
+
+  it("should render Star us on GitHub button with correct link", () => {
+    renderWithProviders(<Navbar {...defaultProps} />);
+
+    const starOnGithubLink = screen.getByRole("link", { name: /star us on github/i });
+    expect(starOnGithubLink).toBeInTheDocument();
+    expect(starOnGithubLink).toHaveAttribute("href", "https://github.com/BerriAI/litellm");
+    expect(starOnGithubLink).toHaveAttribute("target", "_blank");
+    expect(starOnGithubLink).toHaveAttribute("rel", "noopener noreferrer");
+  });
+
   it("should display user information in dropdown", async () => {
     const user = userEvent.setup();
     renderWithProviders(<Navbar {...defaultProps} />);
diff --git a/ui/litellm-dashboard/src/components/navbar.tsx b/ui/litellm-dashboard/src/components/navbar.tsx
index 0ef8a505257..99954276fa6 100644
--- a/ui/litellm-dashboard/src/components/navbar.tsx
+++ b/ui/litellm-dashboard/src/components/navbar.tsx
@@ -16,10 +16,11 @@ import {
   MenuFoldOutlined,
   MenuUnfoldOutlined,
   SafetyOutlined,
+  StarOutlined,
   UserOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";
-import { Dropdown, Switch, Tooltip } from "antd";
+import { Button, Dropdown, Switch, Tooltip } from "antd";
 import Link from "next/link";
 import React, { useEffect, useState } from "react";
 
@@ -207,6 +208,23 @@ const Navbar: React.FC<NavbarProps> = ({
           </div>
           {/* Right side nav items */}
           <div className="flex items-center space-x-5 ml-auto">
+            <Button
+              href="https://www.litellm.ai/support"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
+            >
+              Join Slack
+            </Button>
+            <Button
+              href="https://github.com/BerriAI/litellm"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
+              icon={<StarOutlined />}
+            >
+              Star us on GitHub
+            </Button>
             <a
               href="https://docs.litellm.ai/docs/"
               target="_blank"

From 79d35ecf9b626b7bf013904a29b19bee764910d3 Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Thu, 15 Jan 2026 09:30:40 -0800
Subject: [PATCH 2/3] Adjust icons for buttons

---
 ui/litellm-dashboard/src/components/navbar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/navbar.tsx b/ui/litellm-dashboard/src/components/navbar.tsx
index 99954276fa6..04aa6dca1e2 100644
--- a/ui/litellm-dashboard/src/components/navbar.tsx
+++ b/ui/litellm-dashboard/src/components/navbar.tsx
@@ -11,11 +11,13 @@ import {
 import { fetchProxySettings } from "@/utils/proxyUtils";
 import {
   CrownOutlined,
+  GithubOutlined,
   LogoutOutlined,
   MailOutlined,
   MenuFoldOutlined,
   MenuUnfoldOutlined,
   SafetyOutlined,
+  SlackOutlined,
   StarOutlined,
   UserOutlined,
 } from "@ant-design/icons";
@@ -212,6 +214,7 @@ const Navbar: React.FC<NavbarProps> = ({
               href="https://www.litellm.ai/support"
               target="_blank"
               rel="noopener noreferrer"
+              icon={<SlackOutlined />}
               className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
             >
               Join Slack
@@ -221,7 +224,7 @@ const Navbar: React.FC<NavbarProps> = ({
               target="_blank"
               rel="noopener noreferrer"
               className="shadow-md shadow-indigo-500/20 hover:shadow-indigo-500/50 transition-shadow"
-              icon={<StarOutlined />}
+              icon={<GithubOutlined />}
             >
               Star us on GitHub
             </Button>

From d44b1472f0cd8b05011038ce34354519084d9bba Mon Sep 17 00:00:00 2001
From: yuneng-jiang <yuneng.jiang@gmail.com>
Date: Thu, 15 Jan 2026 09:33:07 -0800
Subject: [PATCH 3/3] fixing build

---
 ui/litellm-dashboard/src/components/navbar.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/navbar.tsx b/ui/litellm-dashboard/src/components/navbar.tsx
index 04aa6dca1e2..6dac073b3a6 100644
--- a/ui/litellm-dashboard/src/components/navbar.tsx
+++ b/ui/litellm-dashboard/src/components/navbar.tsx
@@ -18,7 +18,6 @@ import {
   MenuUnfoldOutlined,
   SafetyOutlined,
   SlackOutlined,
-  StarOutlined,
   UserOutlined,
 } from "@ant-design/icons";
 import type { MenuProps } from "antd";