diff --git a/docusaurus.config.js b/docusaurus.config.js
index 2d2f743d..05331227 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -184,9 +184,14 @@ const config = {
             sidebarId: 'tools',
             label: 'Tools',
           },
+          {
+            href: 'https://github.com/orgs/kcl-lang/packages',
+            position: 'left',
+            sidebarId: 'packages',
+            label: 'Packages',
+          },
           {
             href: 'http://play.kcl-lang.io/',
-            // type: 'docSidebar',
             position: 'left',
             sidebarId: 'playground',
             label: 'Playground',
diff --git a/i18n/en/docusaurus-theme-classic/navbar.json b/i18n/en/docusaurus-theme-classic/navbar.json
index 51b7e2ac..159b76e6 100644
--- a/i18n/en/docusaurus-theme-classic/navbar.json
+++ b/i18n/en/docusaurus-theme-classic/navbar.json
@@ -35,6 +35,10 @@
     "message": "Playground",
     "description": "Navbar item with label Playground"
   },
+  "item.label.Packages": {
+    "message": "Packages",
+    "description": "Navbar item with label Packages"
+  },
   "item.label.Examples": {
     "message": "Examples",
     "description": "Navbar item with label Examples"