diff --git a/apps/web/tsconfig.app.json b/apps/web/tsconfig.app.json
index 3dfe60c..80d1dee 100644
--- a/apps/web/tsconfig.app.json
+++ b/apps/web/tsconfig.app.json
@@ -18,6 +18,10 @@
     "noFallthroughCasesInSwitch": true,
     "paths": {
       "@/*": ["./src/*"],
+      "@cfdm/ui/components/*": ["../../packages/ui/src/components/*"],
+      "@cfdm/ui/hooks/*": ["../../packages/ui/src/hooks/*"],
+      "@cfdm/ui/lib/*": ["../../packages/ui/src/lib/*"],
+      "@cfdm/ui/globals.css": ["../../packages/ui/src/styles/globals.css"],
       "@cfdm/shared": ["../../packages/shared/src/index.ts"]
     }
   },
diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
index 827cbb3..8f85ffd 100644
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@@ -14,6 +14,9 @@ export default defineConfig({
     alias: {
       '@': path.resolve(__dirname, './src'),
       '@cfdm/shared': path.resolve(__dirname, '../../packages/shared/src/index.ts'),
+      '@cfdm/ui/components': path.resolve(__dirname, '../../packages/ui/src/components'),
+      '@cfdm/ui/hooks': path.resolve(__dirname, '../../packages/ui/src/hooks'),
+      '@cfdm/ui/lib': path.resolve(__dirname, '../../packages/ui/src/lib'),
     },
   },
   server: {