diff --git a/frontend/app/components/Sprite.vue b/frontend/app/components/Sprite.vue
index b292aed..b6fed63 100644
--- a/frontend/app/components/Sprite.vue
+++ b/frontend/app/components/Sprite.vue
@@ -1,5 +1,5 @@
 <template>
-<img ref="sprite" 
+<img ref="sprite" v-show="loaded"
     class="sprite pixelated"
     :src="frame_paths[0]" 
     :width="props.width">
@@ -20,6 +20,7 @@ const props = defineProps<{
 }>();
 
 const sprite = ref(null);
+const loaded = ref(false);
 
 let frame_paths = [];
 for(let i = 1; i <= parseInt(props.frames); i++){
@@ -29,15 +30,34 @@ for(let i = 1; i <= parseInt(props.frames); i++){
 let current = 0;
 const fps = props.fps ? parseInt(props.fps) : 4;
 
+function preloadImages(imageArray) {
+  return Promise.all(
+    imageArray.map(src => {
+      return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.src = src;
+        img.onload = resolve;
+        img.onerror = reject;
+      });
+    })
+  );
+}
+
 onMounted(() => {
     sprite.value.style.top = props.top;
     sprite.value.style.left = props.left;
     sprite.value.style.bottom = props.bottom;
     sprite.value.style.right = props.right;
-    setInterval(() => {
-        current = (current + 1) % frame_paths.length;
-        sprite.value.src = frame_paths[current];
-    }, 1000 / fps);
+    
+    loaded.value = true;
+    
+    preloadImages(frame_paths).then(() => {
+        setInterval(() => {
+            current = (current + 1) % frame_paths.length;
+            sprite.value.src = frame_paths[current];
+        }, 1000 / fps);
+    });
+    
 });
 </script>
 
diff --git a/frontend/app/pages/index.vue b/frontend/app/pages/index.vue
index cbd88f7..d744a75 100644
--- a/frontend/app/pages/index.vue
+++ b/frontend/app/pages/index.vue
@@ -17,7 +17,7 @@ onMounted(async () => {
     <h1>ARANROIG.COM</h1>
     
     <Container>
-        <Sprite path="/sprites/alfadir/" frames="1" fps="1" top="-369px" right="-80px" width="800"></Sprite> 
+        <Sprite path="/sprites/alfadir/" frames="13" fps="6" top="-416px" right="-180px" width="900"></Sprite> 
     <p>Hi, I'm Aran!
         <br>Welcome to my website! It is still under intense development, so I recommend to come back later!
       </p>
diff --git a/frontend/public/sprites/alfadir/frame1.png b/frontend/public/sprites/alfadir/frame1.png
index 210ba98..8cb62fb 100644
Binary files a/frontend/public/sprites/alfadir/frame1.png and b/frontend/public/sprites/alfadir/frame1.png differ
diff --git a/frontend/public/sprites/alfadir/frame10.png b/frontend/public/sprites/alfadir/frame10.png
new file mode 100644
index 0000000..57dac2b
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame10.png differ
diff --git a/frontend/public/sprites/alfadir/frame11.png b/frontend/public/sprites/alfadir/frame11.png
new file mode 100644
index 0000000..af8cf9e
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame11.png differ
diff --git a/frontend/public/sprites/alfadir/frame12.png b/frontend/public/sprites/alfadir/frame12.png
new file mode 100644
index 0000000..c814a21
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame12.png differ
diff --git a/frontend/public/sprites/alfadir/frame13.png b/frontend/public/sprites/alfadir/frame13.png
new file mode 100644
index 0000000..b611582
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame13.png differ
diff --git a/frontend/public/sprites/alfadir/frame2.png b/frontend/public/sprites/alfadir/frame2.png
new file mode 100644
index 0000000..8cb62fb
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame2.png differ
diff --git a/frontend/public/sprites/alfadir/frame3.png b/frontend/public/sprites/alfadir/frame3.png
new file mode 100644
index 0000000..553872d
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame3.png differ
diff --git a/frontend/public/sprites/alfadir/frame4.png b/frontend/public/sprites/alfadir/frame4.png
new file mode 100644
index 0000000..553872d
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame4.png differ
diff --git a/frontend/public/sprites/alfadir/frame5.png b/frontend/public/sprites/alfadir/frame5.png
new file mode 100644
index 0000000..553872d
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame5.png differ
diff --git a/frontend/public/sprites/alfadir/frame6.png b/frontend/public/sprites/alfadir/frame6.png
new file mode 100644
index 0000000..553872d
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame6.png differ
diff --git a/frontend/public/sprites/alfadir/frame7.png b/frontend/public/sprites/alfadir/frame7.png
new file mode 100644
index 0000000..9eee566
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame7.png differ
diff --git a/frontend/public/sprites/alfadir/frame8.png b/frontend/public/sprites/alfadir/frame8.png
new file mode 100644
index 0000000..8229da5
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame8.png differ
diff --git a/frontend/public/sprites/alfadir/frame9.png b/frontend/public/sprites/alfadir/frame9.png
new file mode 100644
index 0000000..4d85f38
Binary files /dev/null and b/frontend/public/sprites/alfadir/frame9.png differ