diff --git a/docs/platforms/javascript/common/index.mdx b/docs/platforms/javascript/common/index.mdx
index f4b744eea489d..806e0789d3b95 100644
--- a/docs/platforms/javascript/common/index.mdx
+++ b/docs/platforms/javascript/common/index.mdx
@@ -47,7 +47,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 <PlatformCategorySection notSupported={["server"]}>
   <PlatformSection notSupported={["javascript", "javascript.cordova"]}>
     <OnboardingOptionButtons
-      options={["error-monitoring", "performance", "session-replay"]}
+      options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
     />
   </PlatformSection>
 </PlatformCategorySection>
@@ -78,7 +78,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 <PlatformSection notSupported={["javascript.nextjs"]}>
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 </PlatformSection>
 
diff --git a/docs/platforms/javascript/guides/angular/manual-setup.mdx b/docs/platforms/javascript/guides/angular/manual-setup.mdx
index 134edd46d32cd..231f38880733e 100644
--- a/docs/platforms/javascript/guides/angular/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/angular/manual-setup.mdx
@@ -24,7 +24,7 @@ You need:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -102,6 +102,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
@@ -156,6 +162,12 @@ Sentry.init({
     // which automatically captures Session Replays
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/astro/index.mdx b/docs/platforms/javascript/guides/astro/index.mdx
index 799b69b1ddc05..d9c1c4b11b08e 100644
--- a/docs/platforms/javascript/guides/astro/index.mdx
+++ b/docs/platforms/javascript/guides/astro/index.mdx
@@ -26,9 +26,9 @@ Non-Node runtimes, like Vercel's Edge runtime or Cloudflare Pages, are currently
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "profiling", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "profiling", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 Install the SDK by using the `astro` CLI:
 
@@ -112,6 +112,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/capacitor/index.mdx b/docs/platforms/javascript/guides/capacitor/index.mdx
index dac2db5caff41..08206d7f479c8 100644
--- a/docs/platforms/javascript/guides/capacitor/index.mdx
+++ b/docs/platforms/javascript/guides/capacitor/index.mdx
@@ -16,9 +16,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 Install the Sentry Capacitor SDK alongside the corresponding Sentry SDK for the framework you're using:
 
@@ -130,6 +130,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -209,6 +215,12 @@ Sentry.init(
       // which automatically captures Session Replays
       new Sentry.Replay(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
 
     // ___PRODUCT_OPTION_START___ performance
@@ -285,6 +297,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -345,6 +363,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
@@ -402,6 +426,12 @@ Sentry.init(
       // which automatically captures Session Replays
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/electron/index.mdx b/docs/platforms/javascript/guides/electron/index.mdx
index 91d14fa5dbd05..445d66ca6d5e8 100644
--- a/docs/platforms/javascript/guides/electron/index.mdx
+++ b/docs/platforms/javascript/guides/electron/index.mdx
@@ -17,7 +17,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
 ```bash {tabTitle:npm}
 npm install @sentry/electron --save
@@ -61,6 +61,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/ember/index.mdx b/docs/platforms/javascript/guides/ember/index.mdx
index 6ce52dade456d..4bef441818922 100644
--- a/docs/platforms/javascript/guides/ember/index.mdx
+++ b/docs/platforms/javascript/guides/ember/index.mdx
@@ -24,9 +24,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 <PlatformContent includePath="getting-started-install" />
 
@@ -52,7 +52,15 @@ Sentry.init({
   sendDefaultPii: true,
   
   // ___PRODUCT_OPTION_START___ session-replay
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
   // ___PRODUCT_OPTION_END___ session-replay
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/gatsby/index.mdx b/docs/platforms/javascript/guides/gatsby/index.mdx
index da8f532b8b2ce..2a2e1a7f91159 100644
--- a/docs/platforms/javascript/guides/gatsby/index.mdx
+++ b/docs/platforms/javascript/guides/gatsby/index.mdx
@@ -15,7 +15,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
 To use Sentry with your Gatsby application, you will need to use `@sentry/gatsby` (Sentry's Gatsby SDK):
 
@@ -71,6 +71,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/nextjs/manual-setup.mdx b/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
index c1e828f6b9482..caa2c5f083add 100644
--- a/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/nextjs/manual-setup.mdx
@@ -16,7 +16,7 @@ description: "Learn how to manually set up Sentry in your Next.js app and captur
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -122,7 +122,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_END___ performance
   // ___PRODUCT_OPTION_START___ session-replay
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
 
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error
diff --git a/docs/platforms/javascript/guides/nuxt/manual-setup.mdx b/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
index 6bd88ef8380c9..d7ed97081100b 100644
--- a/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/nuxt/manual-setup.mdx
@@ -51,7 +51,7 @@ Add the following overrides:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -103,7 +103,15 @@ Sentry.init({
   // ___PRODUCT_OPTION_START___ session-replay
 
   // Replay may only be enabled for the client-side
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
   // ___PRODUCT_OPTION_END___ session-replay
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/react-router/index.mdx b/docs/platforms/javascript/guides/react-router/index.mdx
index 571b2de787d1c..88763a3f006cc 100644
--- a/docs/platforms/javascript/guides/react-router/index.mdx
+++ b/docs/platforms/javascript/guides/react-router/index.mdx
@@ -25,13 +25,14 @@ categories:
 
 ## Install
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 <OnboardingOptionButtons
   options={[
     "error-monitoring",
     "performance",
     "session-replay",
+    "user-feedback",
     {
       id: 'profiling',
       checked: false
@@ -103,6 +104,12 @@ Initialize the Sentry React SDK in your `entry.client.tsx` file:
 +    // ___PRODUCT_OPTION_START___ session-replay
 +    Sentry.replayIntegration(),
 +    // ___PRODUCT_OPTION_END___ session-replay
++    // ___PRODUCT_OPTION_START___ user-feedback
++    Sentry.feedbackIntegration({
++      // Additional SDK configuration goes in here, for example:
++      colorScheme: "system",
++    }),
++    // ___PRODUCT_OPTION_END___ user-feedback
 +  ],
 +  // ___PRODUCT_OPTION_START___ performance
 +
diff --git a/docs/platforms/javascript/guides/react/index.mdx b/docs/platforms/javascript/guides/react/index.mdx
index 70622b3861c47..512410c889f3e 100644
--- a/docs/platforms/javascript/guides/react/index.mdx
+++ b/docs/platforms/javascript/guides/react/index.mdx
@@ -16,7 +16,7 @@ categories:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -63,6 +63,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
 
   // ___PRODUCT_OPTION_START___ performance
diff --git a/docs/platforms/javascript/guides/remix/manual-setup.mdx b/docs/platforms/javascript/guides/remix/manual-setup.mdx
index 5237983255630..bcc360ec52e6d 100644
--- a/docs/platforms/javascript/guides/remix/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/remix/manual-setup.mdx
@@ -15,7 +15,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 ## Install
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "profiling", "session-replay"]}
+  options={["error-monitoring", "performance", "profiling", "session-replay", "user-feedback"]}
 />
 
 Get started by installing the Sentry Remix SDK:
@@ -62,6 +62,12 @@ Sentry.init({
     // Replay is only available in the client
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/solid/index.mdx b/docs/platforms/javascript/guides/solid/index.mdx
index 84e6bda458af3..228d7eb110773 100644
--- a/docs/platforms/javascript/guides/solid/index.mdx
+++ b/docs/platforms/javascript/guides/solid/index.mdx
@@ -16,9 +16,9 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
-Sentry captures data by using an SDK within your application’s runtime.
+Sentry captures data by using an SDK within your application's runtime.
 
 ```bash {tabTitle:npm}
 npm install @sentry/solid --save
@@ -68,6 +68,12 @@ if (!DEV) {
       // ___PRODUCT_OPTION_START___ session-replay
       Sentry.replayIntegration(),
       // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
     // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/svelte/index.mdx b/docs/platforms/javascript/guides/svelte/index.mdx
index 5d2822a93665b..f7377cc640052 100644
--- a/docs/platforms/javascript/guides/svelte/index.mdx
+++ b/docs/platforms/javascript/guides/svelte/index.mdx
@@ -14,7 +14,7 @@ categories:
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -61,6 +61,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
@@ -108,6 +114,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx b/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
index d6c56ca3161ea..c0c8665dfd094 100644
--- a/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
+++ b/docs/platforms/javascript/guides/sveltekit/manual-setup.mdx
@@ -16,7 +16,7 @@ description: "Learn how to manually set up Sentry in your SvelteKit app and capt
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -65,9 +65,19 @@ Sentry.init({
   // https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
   tracesSampleRate: 1.0,
   // ___PRODUCT_OPTION_END___ performance
-  // ___PRODUCT_OPTION_START___ session-replay
-  integrations: [Sentry.replayIntegration()],
+  integrations: [
+    // ___PRODUCT_OPTION_START___ session-replay
+    Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
+  ],
 
+  // ___PRODUCT_OPTION_START___ session-replay
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error
   // Learn more at
diff --git a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
index a92ea31e1f1cc..3c508108f4351 100644
--- a/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
+++ b/docs/platforms/javascript/guides/tanstackstart-react/index.mdx
@@ -10,7 +10,7 @@ description: "Learn how to set up and configure Sentry in your TanStack Start Re
 Choose the features you want to configure, and this guide will show you how:
 
 <OnboardingOptionButtons
-  options={["error-monitoring", "performance", "session-replay"]}
+  options={["error-monitoring", "performance", "session-replay", "user-feedback"]}
 />
 
 <PlatformContent includePath="getting-started-features-expandable" />
@@ -91,6 +91,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/docs/platforms/javascript/guides/vue/index.mdx b/docs/platforms/javascript/guides/vue/index.mdx
index 40084be1a2179..8393e2b7782f4 100644
--- a/docs/platforms/javascript/guides/vue/index.mdx
+++ b/docs/platforms/javascript/guides/vue/index.mdx
@@ -16,7 +16,7 @@ Select which Sentry features you'd like to install in addition to Error Monitori
 
 ## Install
 
-<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay"]} />
+<OnboardingOptionButtons options={["error-monitoring", "performance", "session-replay", "user-feedback"]} />
 
 Sentry captures data by using an SDK within your application's runtime.
 
@@ -65,6 +65,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
@@ -114,6 +120,12 @@ Sentry.init({
     // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
     // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
   // ___PRODUCT_OPTION_START___ performance
 
diff --git a/platform-includes/getting-started-config/javascript.mdx b/platform-includes/getting-started-config/javascript.mdx
index 878b4a3f48b3b..21c85c5e28b34 100644
--- a/platform-includes/getting-started-config/javascript.mdx
+++ b/platform-includes/getting-started-config/javascript.mdx
@@ -16,10 +16,21 @@ Sentry.init({
   // if your build tool supports it.
   release: "my-project-name@2.3.12",
   integrations: [
+    // ___PRODUCT_OPTION_START___ performance
     Sentry.browserTracingIntegration(),
+    // ___PRODUCT_OPTION_END___ performance
+    // ___PRODUCT_OPTION_START___ session-replay
     Sentry.replayIntegration(),
+    // ___PRODUCT_OPTION_END___ session-replay
+    // ___PRODUCT_OPTION_START___ user-feedback
+    Sentry.feedbackIntegration({
+      // Additional SDK configuration goes in here, for example:
+      colorScheme: "system",
+    }),
+    // ___PRODUCT_OPTION_END___ user-feedback
   ],
 
+  // ___PRODUCT_OPTION_START___ performance
   // Set tracesSampleRate to 1.0 to capture 100%
   // of transactions for tracing.
   // We recommend adjusting this value in production
@@ -29,13 +40,16 @@ Sentry.init({
 
   // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
   tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+  // ___PRODUCT_OPTION_END___ performance
 
+  // ___PRODUCT_OPTION_START___ session-replay
   // Capture Replay for 10% of all sessions,
   // plus for 100% of sessions with an error
   // Learn more at
   // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
   replaysSessionSampleRate: 0.1,
   replaysOnErrorSampleRate: 1.0,
+  // ___PRODUCT_OPTION_END___ session-replay
 });
 ```
 
@@ -58,10 +72,21 @@ Sentry.init({
       // if your build tool supports it.
       release: "my-project-name@2.3.12",
       integrations: [
+        // ___PRODUCT_OPTION_START___ performance
         Sentry.browserTracingIntegration(),
+        // ___PRODUCT_OPTION_END___ performance
+        // ___PRODUCT_OPTION_START___ session-replay
         Sentry.replayIntegration(),
+        // ___PRODUCT_OPTION_END___ session-replay
+        // ___PRODUCT_OPTION_START___ user-feedback
+        Sentry.feedbackIntegration({
+          // Additional SDK configuration goes in here, for example:
+          colorScheme: "system",
+        }),
+        // ___PRODUCT_OPTION_END___ user-feedback
       ],
 
+      // ___PRODUCT_OPTION_START___ performance
       // Set tracesSampleRate to 1.0 to capture 100%
       // of transactions for tracing.
       // We recommend adjusting this value in production
@@ -71,13 +96,16 @@ Sentry.init({
 
       // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
       tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+      // ___PRODUCT_OPTION_END___ performance
 
+      // ___PRODUCT_OPTION_START___ session-replay
       // Capture Replay for 10% of all sessions,
       // plus for 100% of sessions with an error
       // Learn more at
      // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
       replaysSessionSampleRate: 0.1,
       replaysOnErrorSampleRate: 1.0,
+      // ___PRODUCT_OPTION_END___ session-replay
     });
   };
 </script>
@@ -102,10 +130,21 @@ Sentry.init({
     // if your build tool supports it.
     release: "my-project-name@2.3.12",
     integrations: [
+      // ___PRODUCT_OPTION_START___ performance
       Sentry.browserTracingIntegration(),
+      // ___PRODUCT_OPTION_END___ performance
+      // ___PRODUCT_OPTION_START___ session-replay
       Sentry.replayIntegration(),
+      // ___PRODUCT_OPTION_END___ session-replay
+      // ___PRODUCT_OPTION_START___ user-feedback
+      Sentry.feedbackIntegration({
+        // Additional SDK configuration goes in here, for example:
+        colorScheme: "system",
+      }),
+      // ___PRODUCT_OPTION_END___ user-feedback
     ],
 
+    // ___PRODUCT_OPTION_START___ performance
     // Set tracesSampleRate to 1.0 to capture 100%
     // of transactions for tracing.
     // We recommend adjusting this value in production
@@ -115,13 +154,16 @@ Sentry.init({
 
     // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
     tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+    // ___PRODUCT_OPTION_END___ performance
 
+    // ___PRODUCT_OPTION_START___ session-replay
     // Capture Replay for 10% of all sessions,
     // plus for 100% of sessions with an error
     // Learn more at
     // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
     replaysSessionSampleRate: 0.1,
     replaysOnErrorSampleRate: 1.0,
+    // ___PRODUCT_OPTION_END___ session-replay
   });
 </script>
 ```
diff --git a/src/components/onboarding/index.tsx b/src/components/onboarding/index.tsx
index 03d002d6387c0..a5b25587b8e7e 100644
--- a/src/components/onboarding/index.tsx
+++ b/src/components/onboarding/index.tsx
@@ -50,6 +50,15 @@ const optionDetails: Record<
       </span>
     ),
   },
+  'user-feedback': {
+    name: 'User Feedback',
+    description: (
+      <span>
+        Collect user feedback from anywhere in your application with an embeddable widget
+        that allows users to report bugs and provide insights.
+      </span>
+    ),
+  },
   'source-context': {
     name: 'Source Context',
     description: (
@@ -88,6 +97,7 @@ const OPTION_IDS = [
   'performance',
   'profiling',
   'session-replay',
+  'user-feedback',
   'source-context',
   'dsym',
   'source-maps',