Mixing Angular SSR with DOM-heavy animation libraries like GSAP and Lenis usually leads to hydration errors and terrible performance. I spent weeks building a perfectly stable architecture using Angular 22. This premium boilerplate gives you a production-ready, flawlessly smooth foundation to build high-end creative websites with zero memory leaks.
Hey Product Hunt! 👋 I'm Alessandro, creator of the Angular + GSAP Boilerplate.
I love Angular, but building "Awwwards-level" animated websites with it has always been a nightmare. Mixing Server-Side Rendering (SSR) with libraries like GSAP and Lenis usually causes hydration mismatches and route-change memory leaks.
I spent the last few weeks solving this using Angular 22's afterNextRender for safe client-side initialization, and a strict ngOnDestroy cleanup flow. I packaged this architecture into a production-ready boilerplate to save you days of painful debugging.
You can stress-test the live 60fps demo here: https://rubra-demo.netlify.app/
I'd love to hear your feedback on how the demo performs on your devices. Let me know if you have any questions about the SSR setup or the code structure. I'm here all day to answer!