diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/manifests.ts
new file mode 100644
index 0000000000..c5ccebe501
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/manifests.ts
@@ -0,0 +1,18 @@
+import { ManifestTree } from '@umbraco-cms/extensions-registry';
+
+const documentTypeTreeAlias = 'Umb.Tree.DocumentTypes';
+
+const tree: ManifestTree = {
+	type: 'tree',
+	alias: documentTypeTreeAlias,
+	name: 'Document Types Tree',
+	weight: 400,
+	meta: {
+		label: 'Document Types',
+		icon: 'umb:folder',
+		sections: ['Umb.Section.Settings'],
+		storeContextAlias: 'umbDocumentTypeStore',
+	},
+};
+
+export const manifests = [tree];
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/tree-document-types.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/tree-document-types.element.ts
deleted file mode 100644
index 8980f1d982..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/trees/document-types/tree-document-types.element.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { UmbTreeBase } from '../shared/tree-base.element';
-
-import '../shared/tree-navigator.element';
-
-@customElement('umb-tree-document-types')
-export class UmbTreeDocumentTypes extends UmbTreeBase {
-	render() {
-		return html`<umb-tree-navigator></umb-tree-navigator>`;
-	}
-}
-
-export default UmbTreeDocumentTypes;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-tree-document-types': UmbTreeDocumentTypes;
-	}
-}