Be able to set animations on all pages automatically

I feel like this is probably quite a common issue for a lot of people as I run in to it constantly.

There’s still no way to apply a page load/page scroll animation across every page of a site, with large sites this can be quite a task to deal with manually.

For example I frequently have to do a fixed navbar background colour change animation so that text is legible rather than lost in body elements/text. At the moment I have to make sure that every page has the animation applied to it. This makes it incredibly easy for there to be mistakes when edits have to be made. For example, maybe there’s another animation on mobile that gets decided later in a project and I have to go through every single page to disable the original animation, then add in the new mobile animation. This could lead to duplicate or missing animations across pages and just overall confusion in the project.

It would be much better if we could apply these animations across all pages, especially when components are involved.


I feel like this would be best implemented as another section under page animations, by splitting it into "this page animations" and "all page animations"

  • David Ferguson
  • Nov 30 2022