With the new animation-timeline, scroll-timeline and other new CSS properties it's possible now to build amazing animations without stutter.

We have never been able to achieve great performance with JS simply because JS thread always gets blocked in the worst possible moment.

Obviously these properties are too new and not supported across enough browsers to use them without fallbacks, but who is building a something that allows to use them and then fall back for unsupported browsers?

Here are some examples for inspiration:

https://x.com/paul_uiux/status/1841437472711938322

https://x.com/jh3yy/status/1831428806151958876

https://x.com/jh3yy/status/1833663719466836224

https://x.com/jh3yy/status/1836380999644504486