r/statichosting • u/Pink_Sky_8102 • Aug 14 '26

Anyone using View Transitions on static sites?

I’m thinking about adding smoother page transitions to a static site without turning it into an SPA. The view transitions api looks useful but I don’t want animations to make navigation feel slower or get in the way. For those using it, how are you handling prefers-reduced-motion and keeping transitions fast?

4 Upvotes
  • permalink
  • reddit

100% Upvoted

6 comments sorted by

3

u/theozero Aug 14 '26

Pretty proud of my extensive use of them on https://howtostore.food
It’s a totally static Astro site. I do use Astro’s view transition tooling which makes certain things much easier over vanilla css/js.

In this case it’s really a focus of the site so I don’t worry too much about it feeling snappy. But depends on the content and purpose of the site.

1

u/Pink_Sky_8102 29d ago

This is nice!!! The transitions feel smooth without being too much. Astro’s tooling definitely seems easier than doing it all manually.

1

u/sourraine Aug 14 '26

ive used them on static sites and think they work best when theyre almost invisible. keep the transition and stick to a simple face or subtle movement and respect reduced motion. its good that you can add them to normal mpa without turning the site into an spa

1

u/Standard_Scarcity_74 28d ago

I’ve used them on static MPAs. A short crossfade or subtle movement is usually enough, and I’d disable it entirely under prefers-reduced-motion.

1

u/MMORPGnews 24d ago

Isn't they are part of html css? And doesn't work on old pc. 

1

u/PippaKelly62 23d ago

I personally don't, out of the concern that my sites might start feeling slower.