This content originally appeared on DEV Community and was authored by Bora Açıcı
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 />;
}
This content originally appeared on DEV Community and was authored by Bora Açıcı
Bora Açıcı | Sciencx (2024-07-10T00:08:55+00:00) Framer Motion | Giriş – Part 1. Retrieved from https://www.scien.cx/2024/07/10/framer-motion-giris-part-1/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.