diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/index.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/index.ts
index 339d030d1d..a644a4c547 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/components/index.ts
@@ -1 +1,2 @@
 export * from './input-document/input-document.element.js';
+export * from './input-document-granular-permission/input-document-granular-permission.element.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/index.ts b/src/Umbraco.Web.UI.Client/src/packages/users/index.ts
index 8fb22d2dd6..78a5dac9ba 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/users/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/index.ts
@@ -1,2 +1,5 @@
-export * from './users/components/index.js';
-export * from './user-groups/components/index.js';
+export * from './components/index.js';
+export * from './current-user/index.js';
+export * from './user-groups/index.js';
+export * from './users/index.js';
+export * from './manifests.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/components/user-group-granular-permission-list.element.ts b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/components/user-group-granular-permission-list.element.ts
new file mode 100644
index 0000000000..57d87998b1
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/components/user-group-granular-permission-list.element.ts
@@ -0,0 +1,36 @@
+import { UMB_USER_GROUP_WORKSPACE_CONTEXT } from '../user-group-workspace.context.js';
+import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
+import { UserGroupResponseModel } from '@umbraco-cms/backoffice/backend-api';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
+
+@customElement('umb-user-group-granular-permission-list')
+export class UmbUserGroupGranularPermissionListElement extends UmbLitElement {
+	@state()
+	private _userGroup?: UserGroupResponseModel;
+
+	#workspaceContext?: typeof UMB_USER_GROUP_WORKSPACE_CONTEXT.TYPE;
+
+	constructor() {
+		super();
+
+		this.consumeContext(UMB_USER_GROUP_WORKSPACE_CONTEXT, (instance) => {
+			this.#workspaceContext = instance;
+			this.observe(this.#workspaceContext.data, (userGroup) => (this._userGroup = userGroup));
+		});
+	}
+
+	render() {
+		return html`<umb-extension-slot type="userGranularPermission"></umb-extension-slot>`;
+	}
+
+	static styles = [UmbTextStyles, css``];
+}
+
+export default UmbUserGroupGranularPermissionListElement;
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-user-group-granular-permission-list': UmbUserGroupGranularPermissionListElement;
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/user-group-workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/user-group-workspace-editor.element.ts
index f54b6b9dd2..27dd5f0d92 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/user-group-workspace-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/users/user-groups/workspace/user-group-workspace-editor.element.ts
@@ -11,6 +11,7 @@ import {
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 
 import './components/user-group-default-permission-list.element.js';
+import './components/user-group-granular-permission-list.element.js';
 
 @customElement('umb-user-group-workspace-editor')
 export class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
@@ -134,7 +135,7 @@ export class UmbUserGroupWorkspaceEditorElement extends UmbLitElement {
 
 			<uui-box>
 				<div slot="headline">Granular permissions</div>
-				<b>PERMISSIONS NOT IMPLEMENTED YET</b>
+				<umb-user-group-granular-permission-list></umb-user-group-granular-permission-list>
 			</uui-box>`;
 	}