diff --git a/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
index f89305a8cf..04345b3989 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/browser-handlers.ts
@@ -11,6 +11,7 @@ import { handlers as userHandlers } from './domains/user.handlers';
 import { handlers as telemetryHandlers } from './domains/telemetry.handlers';
 import { handlers as propertyEditorHandlers } from './domains/property-editor.handlers';
 import { handlers as usersHandlers } from './domains/users.handlers';
+import { handlers as userGroupsHandlers } from './domains/user-groups.handlers';
 
 const handlers = [
 	serverHandlers.serverVersionHandler,
@@ -26,6 +27,7 @@ const handlers = [
 	...telemetryHandlers,
 	...publishedStatusHandlers,
 	...usersHandlers,
+	...userGroupsHandlers,
 ];
 
 switch (import.meta.env.VITE_UMBRACO_INSTALL_STATUS) {
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/domains/user-groups.handlers.ts b/src/Umbraco.Web.UI.Client/src/mocks/domains/user-groups.handlers.ts
new file mode 100644
index 0000000000..6d596a8a1e
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/mocks/domains/user-groups.handlers.ts
@@ -0,0 +1,63 @@
+import { rest } from 'msw';
+import type { UserGroupDetails } from '../../core/models';
+
+export const handlers = [
+	rest.get('/umbraco/backoffice/user-groups/list/items', (req, res, ctx) => {
+		const items = fakeData;
+
+		const response = {
+			total: items.length,
+			items,
+		};
+
+		return res(ctx.status(200), ctx.json(response));
+	}),
+];
+
+const fakeData: Array<UserGroupDetails> = [
+	{
+		key: '10000000-0000-0000-0000-000000000000',
+		name: 'Administrators',
+		icon: 'umb:medal',
+		parentKey: '',
+		type: 'userGroup',
+		hasChildren: false,
+		isTrashed: false,
+	},
+	{
+		key: '20000000-0000-0000-0000-000000000000',
+		name: 'Editors',
+		icon: 'umb:tools',
+		parentKey: '',
+		type: 'userGroup',
+		hasChildren: false,
+		isTrashed: false,
+	},
+	{
+		key: '20000000-0000-0000-0000-000000000000',
+		name: 'Sensitive Data',
+		icon: 'umb:lock',
+		parentKey: '',
+		type: 'userGroup',
+		hasChildren: false,
+		isTrashed: false,
+	},
+	{
+		key: '20000000-0000-0000-0000-000000000000',
+		name: 'Translators',
+		icon: 'umb:globe',
+		parentKey: '',
+		type: 'userGroup',
+		hasChildren: false,
+		isTrashed: false,
+	},
+	{
+		key: '20000000-0000-0000-0000-000000000000',
+		name: 'Writers',
+		icon: 'umb:edit',
+		parentKey: '',
+		type: 'userGroup',
+		hasChildren: false,
+		isTrashed: false,
+	},
+];