diff --git a/docs/sass/index.scss b/docs/sass/index.scss
index 7299413..629a51f 100644
--- a/docs/sass/index.scss
+++ b/docs/sass/index.scss
@@ -95,4 +95,13 @@
   .explore-more, .demonstration-gif {
     display: none;
   }
+}
+
+.bounce {
+    animation: bounce 2s ease infinite;
+}
+@keyframes bounce {
+    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
+    40% {transform: translateY(-30px);}
+    60% {transform: translateY(-15px);}
 }
\ No newline at end of file
diff --git a/docs/templates/index.html b/docs/templates/index.html
index d4c782e..6e733d7 100644
--- a/docs/templates/index.html
+++ b/docs/templates/index.html
@@ -61,7 +61,7 @@
 </section>
 <img class="demonstration-gif" src="{{ get_url(path="demonstration.gif") }}" alt="demonstration-gif">
 
-<div class="explore-more text"
+<div class="explore-more text bounce"
      onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
     Explore More ⇩
 </div>