diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts
new file mode 100644
index 0000000000..a7d4200d28
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.element.ts
@@ -0,0 +1,24 @@
+import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('umb-dashboard-performance-profiling')
+export class UmbDashboardPerformanceProfilingElement extends LitElement {
+ static styles = [UUITextStyles, css``];
+
+ render() {
+ return html`
+
+ Performance Profiling
+
+ `;
+ }
+}
+
+export default UmbDashboardPerformanceProfilingElement;
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'umb-dashboard-performance-profiling': UmbDashboardPerformanceProfilingElement;
+ }
+}
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts
new file mode 100644
index 0000000000..fedf360d27
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/dashboards/performance-profiling/dashboard-performance-profiling.stories.ts
@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/web-components';
+import { html } from 'lit-html';
+
+import type { UmbDashboardPerformanceProfilingElement } from './dashboard-performance-profiling.element';
+import './dashboard-performance-profiling.element';
+
+export default {
+ title: 'Dashboards/Performance Profiling',
+ component: 'umb-dashboard-performance-profiling',
+ id: 'umb-dashboard-performance-profiling',
+} as Meta;
+
+export const AAAOverview: Story = () =>
+ html` `;
+AAAOverview.storyName = 'Overview';