π Open Source: Svelte 5 + GSAP Creative Agency Template
Hey everyone π I recently built and open-sourced a Svelte 5 + GSAP template focused on creating modern, animated landing pages (Awwwards-style). π GitHub: https://github.com/YusufCeng1z/svelte-gsap-template While working with Svelte, I noticed that integrating GSAP can get messy: You need to manually bind DOM elements Run animations inside onMount Handle cleanup yourself Even though GSAP is powerful, the setup friction is real. So I wanted to create a clean starter template that already includes: Smooth scroll experience Scroll-triggered animations Reusable animation patterns Modern UI structure Svelte 5 (Runes) GSAP (ScrollTrigger, timelines) Tailwind CSS v4 Optional: Lenis for smooth scrolling β‘ Smooth scrolling experience π― Scroll-triggered animations π§± Sticky & layered sections π Glassmorphism UI elements π± Fully responsive design π Dark mode ready π Pre-rendered & fast Instead of scattering GSAP logic everywhere, the template: Keeps animations structured and reusable Makes it easier to scale animation-heavy UIs Reduces boilerplate for every new project Portfolio websites Creative agency landing pages Product showcases Experimental UI projects Svelte has built-in animations, but: Theyβre great for simple transitions GSAP shines for complex timelines & scroll effects This template tries to combine the best of both worlds. This is still evolving, so feedback is super welcome π If you find bugs, have ideas, or want improvements β feel free to open an issue or PR. β If you like it, consider starring the repo! Thanks!
