diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 8da456f82949..0b7162b3e33b 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -407,6 +407,17 @@ const Navigation = () => {
                   </div>
                   Cloud
                 </a>
+                <a
+                  rel="noreferrer"
+                  className="drop-item"
+                  href="https://playground.meshery.io/extension/meshmap?mode=visualize&view=default"
+                  target="_blank"
+                >
+                  <div className="drop-item-icon">
+                    <KanvasIcon />
+                  </div>
+                  Kanvas
+                </a>
                 <a
                   rel="noreferrer"
                   className="drop-item"