diff --git a/src/Umbraco.Web.UI.Client/src/apps/backoffice/backoffice.element.ts b/src/Umbraco.Web.UI.Client/src/apps/backoffice/backoffice.element.ts
index a0d998a91f..672117fa16 100644
--- a/src/Umbraco.Web.UI.Client/src/apps/backoffice/backoffice.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/apps/backoffice/backoffice.element.ts
@@ -1,7 +1,11 @@
 import { UmbBackofficeContext } from './backoffice.context.js';
 import { css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
 import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
-import { UmbServerExtensionRegistrator } from '@umbraco-cms/backoffice/extension-api';
+import {
+	UmbBundleExtensionInitializer,
+	UmbEntryPointExtensionInitializer,
+	UmbServerExtensionRegistrator,
+} from '@umbraco-cms/backoffice/extension-api';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 
 import './components/index.js';
@@ -37,10 +41,20 @@ const CORE_PACKAGES = [
 
 @customElement('umb-backoffice')
 export class UmbBackofficeElement extends UmbLitElement {
+	/**
+	 * Backoffice extension registry.
+	 * This enables to register and unregister extensions via DevTools, or just via querying this element via the DOM.
+	 */
+	public extensionRegistry = umbExtensionsRegistry;
+
 	constructor() {
 		super();
 
 		new UmbBackofficeContext(this);
+
+		new UmbBundleExtensionInitializer(this, umbExtensionsRegistry);
+		new UmbEntryPointExtensionInitializer(this, umbExtensionsRegistry);
+
 		new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerPrivateExtensions();
 
 		// So far local packages are this simple to registerer, so no need for a manager to do that: