# ADR-003: Mikro Etkileşimler için GSAP ## Bağlam Modern, birinci sınıf web uygulamaları hareket tasarımlarıyla tanımlanır. CSS geçişleri basit fareyle üzerine gelme (hover) durumları için yeterlidir, ancak karmaşık, kademeli, zaman çizelgesine dayalı animasyonlar özel bir animasyon motoru gerektirir. ## Karar Framer Motion veya salt CSS animasyonları yerine **GSAP (GreenSock Animation Platform)** kullanmayı seçtik. ### Neden GSAP? - **Performans:** GSAP, dönüşümleri ve opaklığı manipüle etmek için yüksek düzeyde optimize edilmiştir ve mobil cihazlarda bile 60fps animasyonlar sağlar. - **ScrollTrigger:** Yerleşik ScrollTrigger eklentisi, manuel kaydırma olayı dinleyicilerinin (scroll event listeners) performans yükü olmadan hassas, kaydırmaya bağlı animasyonlara olanak tanır. - **Ekosistemden Bağımsız:** Framer Motion'ın (sadece React) aksine GSAP, Vanilla JS + Özel MVC yığınımızla kusursuz çalışır. ## Sonuçlar ### Olumlu - Sadece birkaç satır kodla karmaşık "Sistem Telemetrisi" sayım (count-up) ve dalgalanma animasyonlarının uygulanmasını sağladı. - Komut Paleti (CMD+K) listeleri için kademeli görünürlük sağladı. ### Olumsuz - Başlangıç paketine yaklaşık 60kb JavaScript ekler.