Framer Motion ile Kullanıcıyı Büyüleyen Aksiyonlar

Sitenize giren kullanıcının sıkılmasını istemiyorsanız, mikro animasyonları sisteminize entegre etmelisiniz. React dünyasında bunun kralı tartışmasız Framer Motion'dır.

Basit Bir Görünürlük Animasyonu

Kullanıcı sayfayı aşağı kaydırdıkça elemanların belirmesi (scroll trigger) artık çok kolay.

<motion.div
  initial={{ opacity: 0, y: 50 }}
  whileInView={{ opacity: 1, y: 0 }}
  transition={{ duration: 0.5 }}
>
  Aşağı kaydırdıkça beliririm!
</motion.div>

Bunu tüm kart bileşenlerinizde kullandığınızda, çok daha modern bir arayüz hissi yaratabilirsiniz.