diff --git a/solara/server/templates/solara.html.j2 b/solara/server/templates/solara.html.j2
index 6f1581587..f7b418402 100644
--- a/solara/server/templates/solara.html.j2
+++ b/solara/server/templates/solara.html.j2
@@ -47,6 +47,10 @@
     </script>
     <style>
         {% include "loader-"~theme.loader~".css" %}
+        .solara-disable-animations, .solara-disable-animations * {
+            animation: none !important;
+            transition: none !important;
+        }
     </style>
     {% endblock header %}
 </head>
@@ -339,7 +343,11 @@
                     // so we mount it when loading becomes false
                     if (solara.preRendered && !this.mounted) {
                         this.isMounted = true;
-                        this.$mount("#app")
+                        document.body.classList.add('solara-disable-animations');
+                        this.$mount("#app");
+                        setTimeout(() => {
+                            document.body.classList.remove('solara-disable-animations');
+                        }, 1000);
                     } else {
                         this.isMounted = true;
                     }