diff --git a/interface/app/$libraryId/TopBar/index.tsx b/interface/app/$libraryId/TopBar/index.tsx
index 43f01f372..d8b0b96a4 100644
--- a/interface/app/$libraryId/TopBar/index.tsx
+++ b/interface/app/$libraryId/TopBar/index.tsx
@@ -14,6 +14,7 @@ import { explorerStore } from '../Explorer/store';
 import { useTopBarContext } from './Layout';
 import { NavigationButtons } from './NavigationButtons';
 
+// million-ignore
 const TopBar = () => {
 	const transparentBg = useShowControls().transparentBg;
 	const isDragSelecting = useSelector(explorerStore, (s) => s.isDragSelecting);
diff --git a/packages/config/package.json b/packages/config/package.json
index daf51016a..cd4eddf5d 100644
--- a/packages/config/package.json
+++ b/packages/config/package.json
@@ -30,5 +30,8 @@
 		"vite-plugin-inspect": "^0.8.1",
 		"vite-plugin-solid": "^2.8.0",
 		"vite-plugin-svgr": "^3.3.0"
+	},
+	"dependencies": {
+		"million": "^2.6.4"
 	}
 }
diff --git a/packages/config/vite/index.ts b/packages/config/vite/index.ts
index f75369bcb..f23f462ce 100644
--- a/packages/config/vite/index.ts
+++ b/packages/config/vite/index.ts
@@ -1,5 +1,6 @@
 import { fileURLToPath } from 'node:url';
 import react from '@vitejs/plugin-react-swc';
+import million from 'million/compiler';
 import { defineConfig } from 'vite';
 import { createHtmlPlugin } from 'vite-plugin-html';
 import i18nextLoader from 'vite-plugin-i18next-loader';
@@ -12,6 +13,7 @@ const url = new URL('../../../interface/locales', import.meta.url);
 
 export default defineConfig({
 	plugins: [
+		million.vite({ auto: true }),
 		tsconfigPaths(),
 		i18nextLoader({
 			paths: [fileURLToPath(url.href)],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 18adbeb55..e4ff257f3 100644
Binary files a/pnpm-lock.yaml and b/pnpm-lock.yaml differ