GSAP

Nedir?

GSAP, JavaScript için yüksek performanslı bir animasyon kütüphanesidir. Her şeyi — DOM, CSS, SVG, Canvas, WebGL, genel nesneler — tween'ler; dizileme, stagger, easing ve geri çağırmaları tek timeline API'si ile modern tarayıcılarda 60+ fps'de yönetir.

Ne işe yarar?

GSAP; değerleri enterpole eder, timeline'lar besteler ve azaltılmış hareket tercihlerine kutudan çıktığı gibi saygı gösterir. Eklentiler ScrollTrigger (scroll-güdümlü animasyon), Flip (FLIP tekniği), MorphSVG, MotionPath, SplitText, Observer (birleşik girdi olayları) ve fizik simülasyonlarını ekler — modern pazarlama ve ürün sitelerinin ihtiyaç duyduğu her animasyon desenini kapsar.

Nerede kullanılır?

GSAP; Apple, Google, Nike, Sony, EA sitelerindeki başrol animasyonlarını ve 2018'den beri Awwwards kazanan sitelerin neredeyse tamamını sürüyor. Safari, Firefox ve Chromium'da güvenilirliği onu 'Chrome'da animasyon yapıyor, Safari'de bozuluyor' biletlerini kabul edemeyen ajanslar ve ürün ekiplerinin varsayılanı yapıyor.

Ne zaman ve neden ortaya çıktı?

GSAP 2006'da Flash ActionScript kütüphanesi (TweenLite) olarak başladı, Flash öldükçe JavaScript'e taşındı. Yerel CSS animasyonları basit geçişler için yeterli ancak timeline'lar, stagger, scroll-bağlama ve SVG morphing konusunda sert sınırlara ulaşır — GSAP'nin son 18 yıldır doldurduğu boşluk tam da budur.

Internative'de neden kullanıyoruz?

Bir marka, satan türde hareket tasarımı istediğinde GSAP'ye uzanıyoruz. Timeline API'si tasarımcılarımızın keyframe'lerle boğuşmadan karmaşık koreografi yazmasını sağlıyor; ScrollTrigger de hikâye anlatan scroll deneyimlerini birkaç satır deklaratif koda dönüştürüyor. Azaltılmış hareket otomatik olarak korunur — erişilebilirlik tasarımla hiç çatışmaz.