Frontend & Arayüz
GSAP Skills
Çekirdek tween’lerden ScrollTrigger ve React’e resmi GSAP animasyon seti.
Nedir
GSAP ile web animasyonu kurmak için GreenSock’ın resmi skill seti. Sekiz modül; çekirdek API’yi, timeline’ları, ScrollTrigger’ı, eklentileri, React’i, diğer framework’leri, performansı ve yardımcıları kapsar.
Bundles 8 modules: core / timeline / scrolltrigger / plugins / react / frameworks / performance / utils
Official GSAP animation skill set: core API, timelines, ScrollTrigger, plugins, React, other frameworks, performance and utils.
Tasarım için neden önemli
- Hareket, ajanın sözdizimini tahmin etmesi yerine GSAP’in gerçek API’sini izler.
- ScrollTrigger ve timeline’lar gelişigüzel yığılmak yerine düzgün sıralanır.
- Performans kuralları, animasyonu scroll’da takılmak yerine akıcı tutar.
Neleri kapsıyor
- Core API
- Timelines
- ScrollTrigger
- Plugins
- React and frameworks
- Performance and utils
Nasıl kurulur
GSAP Skills
-
Depoyu klonlayın.
git clone https://github.com/greensock/gsap-skills -
Codex’i skill dosyasına yönlendirin.
skills/gsap-core/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Codex’in ilgili modülü yükleyebilmesi için GSAP skill setini kurun.
-
İstediğiniz hareketi isteyin; doğru modül API’yi yönetir.
-
Bir bileşen ağacı içinde React ya da framework’ler modülüne başvurun.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.