diff --git a/docs/platforms/javascript/common/configuration/integrations/postgresjs.mdx b/docs/platforms/javascript/common/configuration/integrations/postgresjs.mdx
index 9fcd988ae68899..4715fc793b259a 100644
--- a/docs/platforms/javascript/common/configuration/integrations/postgresjs.mdx
+++ b/docs/platforms/javascript/common/configuration/integrations/postgresjs.mdx
@@ -36,7 +36,7 @@ export default Sentry.withSentry((env) => ({ dsn: "__DSN__" }), {
 <PlatformSection supported={["javascript.deno"]}>
 
 ```javascript
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 import postgres from "npm:postgres";
 
 const sql = Sentry.instrumentPostgresJsSql(
diff --git a/docs/platforms/javascript/common/configuration/integrations/supabase.mdx b/docs/platforms/javascript/common/configuration/integrations/supabase.mdx
index 9a1f27ff241076..7695d7a8fa039f 100644
--- a/docs/platforms/javascript/common/configuration/integrations/supabase.mdx
+++ b/docs/platforms/javascript/common/configuration/integrations/supabase.mdx
@@ -39,15 +39,16 @@ You need to have both the Sentry SDK and the Supabase library installed. For Sup
 
 ## Configuration
 
-This is the preferred method for most use cases. and follows Sentry's standard integration pattern.
+This is the preferred method for most use cases and follows Sentry's standard integration pattern.
 
 ```javascript
+import * as Sentry from "___SDK_PACKAGE___";
 import { createClient } from '@supabase/supabase-js';
 
 const supabaseClient = createClient('YOUR_SUPABASE_URL', 'YOUR_SUPABASE_KEY');
 
 Sentry.init({
-  dsn: 'YOUR_DSN',
+  dsn: "___PUBLIC_DSN___",
   integrations: [
     Sentry.supabaseIntegration({ supabaseClient })
   ],
diff --git a/docs/platforms/javascript/guides/deno/index.mdx b/docs/platforms/javascript/guides/deno/index.mdx
index ef9fced381d5f6..d513c2ccae9a62 100644
--- a/docs/platforms/javascript/guides/deno/index.mdx
+++ b/docs/platforms/javascript/guides/deno/index.mdx
@@ -41,7 +41,7 @@ Import the Sentry Deno SDK directly from the npm registry, before importing any
 <SplitSectionCode>
 
 ```javascript {filename: main.ts}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 // your other imports
 ```
 
@@ -63,7 +63,7 @@ Initialize Sentry as early as possible in your app:
 <SplitSectionCode>
 
 ```javascript {filename: main.ts}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 // your other imports
 
 Sentry.init({
diff --git a/platform-includes/configuration/capture-console/javascript.deno.mdx b/platform-includes/configuration/capture-console/javascript.deno.mdx
index 9a64135574b0b5..1a755e78ff46ed 100644
--- a/platform-includes/configuration/capture-console/javascript.deno.mdx
+++ b/platform-includes/configuration/capture-console/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript {tabTitle: JavaScript}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/configuration/contextlines/javascript.deno.mdx b/platform-includes/configuration/contextlines/javascript.deno.mdx
index 62642454cc0ee7..8cb49accb10549 100644
--- a/platform-includes/configuration/contextlines/javascript.deno.mdx
+++ b/platform-includes/configuration/contextlines/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript {tabTitle: JavaScript}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/configuration/dedupe/javascript.deno.mdx b/platform-includes/configuration/dedupe/javascript.deno.mdx
index 380b47e851191a..a3a903f701f0c9 100644
--- a/platform-includes/configuration/dedupe/javascript.deno.mdx
+++ b/platform-includes/configuration/dedupe/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript {tabTitle: JavaScript}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/configuration/extra-error-data/javascript.deno.mdx b/platform-includes/configuration/extra-error-data/javascript.deno.mdx
index b62b04dbf09505..845eb45f11bb39 100644
--- a/platform-includes/configuration/extra-error-data/javascript.deno.mdx
+++ b/platform-includes/configuration/extra-error-data/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript {tabTitle: JavaScript}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/configuration/rewrite-frames/javascript.deno.mdx b/platform-includes/configuration/rewrite-frames/javascript.deno.mdx
index 9ee4af41ca52af..c32a1f211d46dc 100644
--- a/platform-includes/configuration/rewrite-frames/javascript.deno.mdx
+++ b/platform-includes/configuration/rewrite-frames/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript {tabTitle: JavaScript}
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/crons/setup/javascript.deno.mdx b/platform-includes/crons/setup/javascript.deno.mdx
index f19031b5a0e249..27ea5ba8dc7c19 100644
--- a/platform-includes/crons/setup/javascript.deno.mdx
+++ b/platform-includes/crons/setup/javascript.deno.mdx
@@ -5,7 +5,7 @@ _requires SDK version 7.88.0 or higher_
 Use the `DenoCron` integration to monitor your [`Deno.cron`](https://deno.com/blog/cron) calls and get notified when a schedule job is missed (or doesn't start when expected), if it fails due to a problem in the runtime (such as an error), or if it fails by exceeding its maximum runtime.
 
 ```TypeScript
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/platform-includes/performance/configure-sample-rate/javascript.deno.mdx b/platform-includes/performance/configure-sample-rate/javascript.deno.mdx
index 348c2bda5b793a..112c8edf3728be 100644
--- a/platform-includes/performance/configure-sample-rate/javascript.deno.mdx
+++ b/platform-includes/performance/configure-sample-rate/javascript.deno.mdx
@@ -1,5 +1,5 @@
 ```javascript
-import * as Sentry from "npm:@sentry/deno";
+import * as Sentry from "___SDK_PACKAGE___";
 
 Sentry.init({
   dsn: "___PUBLIC_DSN___",
diff --git a/src/components/platformSdkPackageName.tsx b/src/components/platformSdkPackageName.tsx
index 2b0cc4003f0e71..386860e13450dd 100644
--- a/src/components/platformSdkPackageName.tsx
+++ b/src/components/platformSdkPackageName.tsx
@@ -34,6 +34,10 @@ export async function getSdkPackageName(
     return null;
   }
 
+  const useNpmSpecifier = platformOrGuide.name === 'deno';
+  if (useNpmSpecifier && sdkData.canonical.startsWith('npm:')) {
+    return sdkData.canonical;
+  }
   return sdkData.canonical.replace(/^npm:/, '') || null;
 }
 
@@ -47,6 +51,7 @@ export async function PlatformSdkPackageName({fallback}: PlatformSdkPackageNameP
   const platformOrGuide = getCurrentPlatformOrGuide(rootNode, path);
 
   const sdkPackage = await getSdkPackageName(platformOrGuide);
+  const displayName = sdkPackage?.replace(/^npm:/, '') || fallbackName;
 
-  return <code>{sdkPackage || fallbackName} </code>;
+  return <code>{displayName} </code>;
 }