diff --git a/src/Umbraco.Web.UI.Client/package-lock.json b/src/Umbraco.Web.UI.Client/package-lock.json
index bd2c902cf609..c483781a0c17 100644
--- a/src/Umbraco.Web.UI.Client/package-lock.json
+++ b/src/Umbraco.Web.UI.Client/package-lock.json
@@ -1,14 +1,15 @@
 {
 	"name": "@umbraco-cms/backoffice",
-	"version": "17.1.0-rc",
+	"version": "17.2.0-rc",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@umbraco-cms/backoffice",
-			"version": "17.1.0-rc",
+			"version": "17.2.0-rc",
 			"license": "MIT",
 			"workspaces": [
+				"./src/libs/*",
 				"./src/packages/*",
 				"./src/external/*"
 			],
@@ -3522,6 +3523,38 @@
 				"url": "https://opencollective.com/typescript-eslint"
 			}
 		},
+		"node_modules/@umbraco-backoffice-lib/class-api": {
+			"resolved": "src/libs/class-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/context-api": {
+			"resolved": "src/libs/context-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/context-proxy": {
+			"resolved": "src/libs/context-proxy",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/controller-api": {
+			"resolved": "src/libs/controller-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/element-api": {
+			"resolved": "src/libs/element-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/extension-api": {
+			"resolved": "src/libs/extension-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/localization-api": {
+			"resolved": "src/libs/localization-api",
+			"link": true
+		},
+		"node_modules/@umbraco-backoffice-lib/observable-api": {
+			"resolved": "src/libs/observable-api",
+			"link": true
+		},
 		"node_modules/@umbraco-backoffice/block": {
 			"resolved": "src/packages/block",
 			"link": true
@@ -16999,6 +17032,30 @@
 				"@umbraco-ui/uui-css": "^1.16.0"
 			}
 		},
+		"src/libs/class-api": {
+			"name": "@umbraco-backoffice-lib/class-api"
+		},
+		"src/libs/context-api": {
+			"name": "@umbraco-backoffice-lib/context-api"
+		},
+		"src/libs/context-proxy": {
+			"name": "@umbraco-backoffice-lib/context-proxy"
+		},
+		"src/libs/controller-api": {
+			"name": "@umbraco-backoffice-lib/controller-api"
+		},
+		"src/libs/element-api": {
+			"name": "@umbraco-backoffice-lib/element-api"
+		},
+		"src/libs/extension-api": {
+			"name": "@umbraco-backoffice-lib/extension-api"
+		},
+		"src/libs/localization-api": {
+			"name": "@umbraco-backoffice-lib/localization-api"
+		},
+		"src/libs/observable-api": {
+			"name": "@umbraco-backoffice-lib/observable-api"
+		},
 		"src/packages/block": {
 			"name": "@umbraco-backoffice/block"
 		},
diff --git a/src/Umbraco.Web.UI.Client/package.json b/src/Umbraco.Web.UI.Client/package.json
index afe6e191d1e2..aac3ea025025 100644
--- a/src/Umbraco.Web.UI.Client/package.json
+++ b/src/Umbraco.Web.UI.Client/package.json
@@ -160,6 +160,7 @@
 		"url": "https://umbraco.com"
 	},
 	"workspaces": [
+		"./src/libs/*",
 		"./src/packages/*",
 		"./src/external/*"
 	],
diff --git a/src/Umbraco.Web.UI.Client/src/libs/class-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/class-api/package.json
new file mode 100644
index 000000000000..34c6ba92fb61
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/class-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/class-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/class-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/class-api/vite.config.ts
new file mode 100644
index 000000000000..b1e5fbde63c4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/class-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/class-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/class-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/context-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/context-api/package.json
new file mode 100644
index 000000000000..8760bead9c05
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/context-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/context-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/context-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/context-api/vite.config.ts
new file mode 100644
index 000000000000..3bebbfebc054
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/context-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/context-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/context-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/context-proxy/package.json b/src/Umbraco.Web.UI.Client/src/libs/context-proxy/package.json
new file mode 100644
index 000000000000..e6d4119d13a2
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/context-proxy/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/context-proxy",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/context-proxy/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/context-proxy/vite.config.ts
new file mode 100644
index 000000000000..a4cb83f432e9
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/context-proxy/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/context-proxy';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/context-proxy',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/controller-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/controller-api/package.json
new file mode 100644
index 000000000000..8c8cbfbb89f7
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/controller-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/controller-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/controller-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/controller-api/vite.config.ts
new file mode 100644
index 000000000000..0b631f9b6a63
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/controller-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/controller-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/controller-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/element-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/element-api/package.json
new file mode 100644
index 000000000000..04e87bc54db9
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/element-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/element-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/element-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/element-api/vite.config.ts
new file mode 100644
index 000000000000..b8da10e77a64
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/element-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/element-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/element-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/extension-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/extension-api/package.json
new file mode 100644
index 000000000000..245afc585978
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/extension-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/extension-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/extension-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/extension-api/vite.config.ts
new file mode 100644
index 000000000000..ffb17425c452
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/extension-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/extension-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/extension-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/localization-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/localization-api/package.json
new file mode 100644
index 000000000000..485674650f53
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/localization-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/localization-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/localization-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/localization-api/vite.config.ts
new file mode 100644
index 000000000000..d29bf6f3e371
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/localization-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/localization-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/localization-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});
diff --git a/src/Umbraco.Web.UI.Client/src/libs/observable-api/package.json b/src/Umbraco.Web.UI.Client/src/libs/observable-api/package.json
new file mode 100644
index 000000000000..a6391bc76c19
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/observable-api/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "@umbraco-backoffice-lib/observable-api",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"build": "vite build"
+	}
+}
diff --git a/src/Umbraco.Web.UI.Client/src/libs/observable-api/vite.config.ts b/src/Umbraco.Web.UI.Client/src/libs/observable-api/vite.config.ts
new file mode 100644
index 000000000000..7a5a131cf6e4
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/libs/observable-api/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite';
+import { rmSync } from 'fs';
+import { getDefaultConfig } from '../../vite-config-base';
+
+const dist = '../../../dist-cms/libs/observable-api';
+
+// delete the unbundled dist folder
+rmSync(dist, { recursive: true, force: true });
+
+export default defineConfig({
+	...getDefaultConfig({
+		dist,
+		base: '/umbraco/backoffice/libs/observable-api',
+		entry: {
+			index: './index.ts',
+		},
+	}),
+});