Yes, it’s possible to show a load animation only on the user’s first visit to the homepage by using browser cookies or localStorage in Webflow.
display: none
or opacity to 0 and interaction hide after animation).Here’s what your inline JS script should do:
'hasVisited'
) exists in localStorage
.'hasVisited'
to true.<script>
tag.Inline example:
<script> document.addEventListener("DOMContentLoaded", function() { const hasVisited = localStorage.getItem("hasVisited"); if (hasVisited) { document.querySelector("#your-loader-id").style.display = "none"; } else { localStorage.setItem("hasVisited", "true"); } });</script>
#your-loader-id
with the actual ID of your loader element.<style>
tag in the head to ensure the loader is hidden immediately via JS if needed.Example fallback CSS:
<style> #your-loader-id { display: block; }</style>
This ensures the loader shows by default, and the custom JS hides it on repeat visits.
You can conditionally display a homepage load animation only on the user’s first visit by combining Webflow interactions with custom JavaScript using localStorage to track visits. The animation runs once, then is skipped on all subsequent visits to improve user experience.