diff --git a/packages/next/src/build/define-env.ts b/packages/next/src/build/define-env.ts
index a04923c807ab..e43202fcb59a 100644
--- a/packages/next/src/build/define-env.ts
+++ b/packages/next/src/build/define-env.ts
@@ -289,6 +289,8 @@ export function getDefineEnv({
       : {}),
     'process.env.__NEXT_DEVTOOL_SEGMENT_EXPLORER':
       config.experimental.devtoolSegmentExplorer ?? false,
+    'process.env.__NEXT_DEVTOOL_NEW_PANEL_UI':
+      config.experimental.devtoolNewPanelUI ?? false,
 
     // The devtools need to know whether or not to show an option to clear the
     // bundler cache. This option may be removed later once Turbopack's
diff --git a/packages/next/src/server/config-schema.ts b/packages/next/src/server/config-schema.ts
index 58c8a9afcbf4..01acafc6a82c 100644
--- a/packages/next/src/server/config-schema.ts
+++ b/packages/next/src/server/config-schema.ts
@@ -500,6 +500,7 @@ export const configSchema: zod.ZodType<NextConfig> = z.lazy(() =>
           .optional(),
         globalNotFound: z.boolean().optional(),
         devtoolSegmentExplorer: z.boolean().optional(),
+        devtoolNewPanelUI: z.boolean().optional(),
       })
       .optional(),
     exportPathMap: z
diff --git a/packages/next/src/server/config-shared.ts b/packages/next/src/server/config-shared.ts
index 5fc1b8794fd4..f8634050ff5f 100644
--- a/packages/next/src/server/config-shared.ts
+++ b/packages/next/src/server/config-shared.ts
@@ -696,9 +696,14 @@ export interface ExperimentalConfig {
   globalNotFound?: boolean
 
   /**
-   * Enable segment viewer for the app directory in dev tool.
+   * Enable segment viewer for the app directory in Next.js DevTools.
    */
   devtoolSegmentExplorer?: boolean
+
+  /**
+   * Enable new panel UI for the Next.js DevTools.
+   */
+  devtoolNewPanelUI?: boolean
 }
 
 export type ExportPathMap = {