لماذا ؟

Framer Motion هي مكتبة تسمح لك بالتحريك بسهولة في تطبيقات React. يستخدم لإضافة تأثيرات الرسوم المتحركة مثل التحولات وعمليات السحب.

تم الإنشاء بواسطة من؟

تم الإنشاء بواسطة شركة Framer. Framer هي شركة تعمل على تطوير تصميم واجهة المستخدم (UI) وأدوات النماذج الأولية.

كيفية تثبيت؟

يدعم Framer React 18 وما فوق. للتثبيت عبر npm، قم بتشغيل الأمر التالي.

npm install framer-motion

لا تحتوي مكتبة Framermotion على أي تبعيات ويمكنك البدء في تطبيقها بحزمة واحدة.

أظهر تطبيق Framermotion أنه نال تقديرًا كبيرًا من مستخدميه، مع ما يقرب من 3.4 مليون عملية تنزيل أسبوعية على npm و22700 نجمة على Github، اعتبارًا من اليوم (10.07.2024).

يستخدم

في المكون الذي تريده، يمكنك استيراد كائن motion من مكتبة framer-motion وإضافة مكون حركة إلى أي عنصر html أو svg.

import { motion } from "framer-motion";

export default function App() {
  return ;
}