diff --git a/.changeset/witty-humans-arrive.md b/.changeset/witty-humans-arrive.md
new file mode 100644
index 0000000000..f2f44635ca
--- /dev/null
+++ b/.changeset/witty-humans-arrive.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-tech-radar': patch
+---
+
+Migrated to new composability API, exporting the plugin instance as `techRadarPlugin` and the page as `TechRadarPage`.
diff --git a/plugins/tech-radar/dev/index.tsx b/plugins/tech-radar/dev/index.tsx
index 92eb6da567..0e9495394f 100644
--- a/plugins/tech-radar/dev/index.tsx
+++ b/plugins/tech-radar/dev/index.tsx
@@ -14,7 +14,14 @@
  * limitations under the License.
  */
 
+import React from 'react';
 import { createDevApp } from '@backstage/dev-utils';
-import { plugin } from '../src';
+import { techRadarPlugin, TechRadarPage } from '../src';
 
-createDevApp().registerPlugin(plugin).render();
+createDevApp()
+  .registerPlugin(techRadarPlugin)
+  .addPage({
+    title: 'Tech Radar',
+    element: <TechRadarPage width={1280} height={720} />,
+  })
+  .render();
diff --git a/plugins/tech-radar/src/index.ts b/plugins/tech-radar/src/index.ts
index d7b4921e9a..b13e0fbeed 100644
--- a/plugins/tech-radar/src/index.ts
+++ b/plugins/tech-radar/src/index.ts
@@ -14,7 +14,11 @@
  * limitations under the License.
  */
 
-export { plugin } from './plugin';
+export {
+  techRadarPlugin,
+  techRadarPlugin as plugin,
+  TechRadarPage,
+} from './plugin';
 
 export { RadarPage as Router } from './components/RadarPage';
 
diff --git a/plugins/tech-radar/src/plugin.test.ts b/plugins/tech-radar/src/plugin.test.ts
index 6ae65f8271..f3f2fdbd77 100644
--- a/plugins/tech-radar/src/plugin.test.ts
+++ b/plugins/tech-radar/src/plugin.test.ts
@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { plugin } from './plugin';
+import { techRadarPlugin } from './plugin';
 
 describe('tech-radar', () => {
   it('should export plugin', () => {
-    expect(plugin).toBeDefined();
+    expect(techRadarPlugin).toBeDefined();
   });
 });
diff --git a/plugins/tech-radar/src/plugin.ts b/plugins/tech-radar/src/plugin.ts
index d8dc41af2e..63af1f390f 100644
--- a/plugins/tech-radar/src/plugin.ts
+++ b/plugins/tech-radar/src/plugin.ts
@@ -14,8 +14,26 @@
  * limitations under the License.
  */
 
-import { createPlugin } from '@backstage/core';
+import {
+  createPlugin,
+  createRouteRef,
+  createRoutableExtension,
+} from '@backstage/core';
 
-export const plugin = createPlugin({
-  id: 'tech-radar',
+const rootRouteRef = createRouteRef({
+  title: 'Tech Radar',
 });
+
+export const techRadarPlugin = createPlugin({
+  id: 'tech-radar',
+  routes: {
+    root: rootRouteRef,
+  },
+});
+
+export const TechRadarPage = techRadarPlugin.provide(
+  createRoutableExtension({
+    component: () => import('./components/RadarPage').then(m => m.RadarPage),
+    mountPoint: rootRouteRef,
+  }),
+);