Menu

πŸ“°
0

πŸš€ Open Source: Svelte 5 + GSAP Creative Agency Template

DEV Community: svelteΒ·Yusuf CengizΒ·about 1 month ago
#INa3lmK3
#dev#strong#gsap#svelte#template#animations
Reading 0:00
15s threshold

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 ✨ Why I built this 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 βš™οΈ Tech Stack Svelte 5 (Runes) GSAP (ScrollTrigger, timelines) Tailwind CSS v4 Optional: Lenis for smooth scrolling 🎬 Features ⚑ Smooth scrolling experience 🎯 Scroll-triggered animations 🧱 Sticky & layered sections πŸ’Ž Glassmorphism UI elements πŸ“± Fully responsive design πŸŒ™ Dark mode ready πŸš€ Pre-rendered & fast 🧠 Key Idea Instead of scattering GSAP logic everywhere, the template:…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More