diff --git a/examples/apfel/vite.config.ts b/examples/apfel/vite.config.ts
index 3cf507d2..d205f71d 100644
--- a/examples/apfel/vite.config.ts
+++ b/examples/apfel/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/apfel/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/apfel') },
diff --git a/examples/card/src/components/Simulation.jsx b/examples/card/src/components/Simulation.jsx
index 9aa06acc..41237356 100644
--- a/examples/card/src/components/Simulation.jsx
+++ b/examples/card/src/components/Simulation.jsx
@@ -6,7 +6,7 @@ import { useMemo, useRef } from 'react'
 
 // Shapes by https://app.spline.design/library/a4eeaee4-be03-4df8-ab05-5a073eda2eb4
 export function Floating(props) {
-  const { nodes, materials } = useGLTF('/smileys-transformed.glb')
+  const { nodes, materials } = useGLTF('/uikit/examples/card/smileys-transformed.glb')
   return (
     <group {...props} dispose={null}>
       <Float>
@@ -54,7 +54,7 @@ export function Floating(props) {
 }
 
 export function Physical() {
-  const { nodes, materials } = useGLTF('/smileys-transformed.glb')
+  const { nodes, materials } = useGLTF('/uikit/examples/card/smileys-transformed.glb')
   const meshes = useMemo(() => Object.values(nodes).filter((node) => node.isMesh), [nodes])
   return (
     <Physics gravity={[0, 0, 0]}>
diff --git a/examples/card/vite.config.ts b/examples/card/vite.config.ts
index 5eb10be6..b18937f1 100644
--- a/examples/card/vite.config.ts
+++ b/examples/card/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/card/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/default') },
diff --git a/examples/dashboard/src/components/RecentSales.tsx b/examples/dashboard/src/components/RecentSales.tsx
index 93842b09..6ce8cf6a 100644
--- a/examples/dashboard/src/components/RecentSales.tsx
+++ b/examples/dashboard/src/components/RecentSales.tsx
@@ -6,7 +6,7 @@ export function RecentSales() {
   return (
     <Container gap={32}>
       <Container flexDirection="row" alignItems="center">
-        <Avatar height={36} width={36} src="/01.png" />
+        <Avatar height={36} width={36} src="/uikit/examples/dashboard/01.png" />
         <Container marginLeft={16} gap={4}>
           <Text fontSize={14} lineHeight={1} fontWeight="medium">
             Olivia Martin
@@ -20,7 +20,15 @@ export function RecentSales() {
         </Text>
       </Container>
       <Container flexDirection="row" alignItems="center">
-        <Avatar height={36} width={36} alignItems="center" justifyContent="center" border={1} gap={0} src="/02.png" />
+        <Avatar
+          height={36}
+          width={36}
+          alignItems="center"
+          justifyContent="center"
+          border={1}
+          gap={0}
+          src="/uikit/examples/dashboard/02.png"
+        />
         <Container marginLeft={16} gap={4}>
           <Text fontSize={14} lineHeight={1} fontWeight="medium">
             Jackson Lee
@@ -34,7 +42,7 @@ export function RecentSales() {
         </Text>
       </Container>
       <Container flexDirection="row" alignItems="center">
-        <Avatar width={36} height={36} src="/03.png" />
+        <Avatar width={36} height={36} src="/uikit/examples/dashboard/03.png" />
         <Container marginLeft={16} gap={4}>
           <Text fontSize={14} lineHeight={1} fontWeight="medium">
             Isabella Nguyen
@@ -48,7 +56,7 @@ export function RecentSales() {
         </Text>
       </Container>
       <Container flexDirection="row" alignItems="center">
-        <Avatar width={36} height={36} src="/04.png" />
+        <Avatar width={36} height={36} src="/uikit/examples/dashboard/04.png" />
         <Container marginLeft={16} gap={4}>
           <Text fontSize={14} lineHeight={1} fontWeight="medium">
             William Kim
@@ -62,7 +70,7 @@ export function RecentSales() {
         </Text>
       </Container>
       <Container flexDirection="row" alignItems="center">
-        <Avatar width={36} height={36} src="/05.png" />
+        <Avatar width={36} height={36} src="/uikit/examples/dashboard/05.png" />
         <Container marginLeft={16} gap={4}>
           <Text fontSize={14} lineHeight={1} fontWeight="medium">
             Sofia Davis
diff --git a/examples/dashboard/src/components/TeamSwitcher.tsx b/examples/dashboard/src/components/TeamSwitcher.tsx
index ae0f132a..9a011b92 100644
--- a/examples/dashboard/src/components/TeamSwitcher.tsx
+++ b/examples/dashboard/src/components/TeamSwitcher.tsx
@@ -33,7 +33,7 @@ export function TeamSwitcher(props: Omit<ComponentPropsWithoutRef<typeof Button>
   const selectedTeam = groups[0].teams[0]
   return (
     <Button variant="outline" width={200} justifyContent="space-between" {...props}>
-      <Avatar marginRight={8} height={20} width={20} src={`/${selectedTeam.value}.png`} />
+      <Avatar marginRight={8} height={20} width={20} src={`/uikit/examples/dashboard/${selectedTeam.value}.png`} />
       <Text>{selectedTeam.label}</Text>
       <ChevronDown marginLeft="auto" height={20} width={20} flexShrink={0} opacity={0.5} />
     </Button>
diff --git a/examples/dashboard/src/components/UserNav.tsx b/examples/dashboard/src/components/UserNav.tsx
index f32ababa..3c8d7df3 100644
--- a/examples/dashboard/src/components/UserNav.tsx
+++ b/examples/dashboard/src/components/UserNav.tsx
@@ -33,7 +33,7 @@ export function UserNav({ open, setOpen }: { open: boolean; setOpen: (open: bool
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger>
-        <Avatar cursor="pointer" src="/01.png" height={32} width={32} />
+        <Avatar cursor="pointer" src="/uikit/examples/dashboard/01.png" height={32} width={32} />
       </DialogTrigger>
       <DialogContent positionType="relative" transformTranslateZ={200} sm={{ maxWidth: 425 }}>
         <CustomContainer transformTranslateZ={-1} positionType="absolute" inset={0}>
diff --git a/examples/dashboard/vite.config.ts b/examples/dashboard/vite.config.ts
index 5eb10be6..858bd6c0 100644
--- a/examples/dashboard/vite.config.ts
+++ b/examples/dashboard/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/dashboard/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/default') },
diff --git a/examples/default/vite.config.ts b/examples/default/vite.config.ts
index 5eb10be6..2a8fe70f 100644
--- a/examples/default/vite.config.ts
+++ b/examples/default/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/default/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/default') },
diff --git a/examples/lucide/vite.config.ts b/examples/lucide/vite.config.ts
index 5eb10be6..d85ce5c3 100644
--- a/examples/lucide/vite.config.ts
+++ b/examples/lucide/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/lucide/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/default') },
diff --git a/examples/market/vite.config.ts b/examples/market/vite.config.ts
index 5eb10be6..c90797bb 100644
--- a/examples/market/vite.config.ts
+++ b/examples/market/vite.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
   optimizeDeps: {
     include: ['@react-three/uikit-lucide', '@react-three/uikit'],
   },
+  base: '/uikit/examples/market/',
   resolve: {
     alias: [
       { find: '@', replacement: path.resolve(__dirname, '../../packages/kits/default') },