Framer Motion | Giriş - Part 1

Nedir ?

Framer Motion, React uygulamalarında kolayca animasyon yapmanızı sağlayan bir kütüphanedir. Geçiş ve sürükleme gibi animasyon efektleri eklemek için kullanılır.

Kim Tarafından Oluşturulmuştur ?

Framer firması tarafından oluşturulmuştur. Framer, özellikle kullanıcı arayüzü (UI) tasarımı ve prototipleme araçları geliştiren bir şirkettir.

Nasıl Kurulur ?

Framer React 18 ve üst versiyonlarını destekler. Npm üzerinden yüklemek için aşağıdaki komut çalıştırılır.

npm install framer-motion

Framer motion kütüphanesinin herhangi bir bağımlılığı yoktur ve tek paket ile uygulamaya başlayabilirsiniz.

Framer motion güncel olarak (10.07.2024) npm üzerinden yaklaşık 3,4 milyon haftalık indirilme ve github üzerinde 22700 star sayısı ile birlikte kullanıcıları tarafından ciddi bir beğeni kazandığını göstermiştir.

Kullanım

İsteğiniz component içerisinde framer-motion kütüphanesinden motion objesini import edip herhangi bir html ya da svg elementi için bir motion bileşenini ekleyebilirsiniz.

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}