Framer Motion: انیمیشن حرفه‌ای در React

Framer Motion قدرتمندترین کتابخانه انیمیشن React است. انیمیشن‌های پیچیده با API ساده.

اصول استفاده

motion.div، animate، initial، exit و transition. هر prop انیمیشن را کنترل می‌کند.

• motion.div animate={{}}
• initial + animate + exit
• variants برای حالت‌ها

انیمیشن‌های پیشرفته

Layout animations، Shared Layout، Gesture animations و AnimatePresence برای mount/unmount.

جمع‌بندی

Framer Motion انیمیشن‌های حرفه‌ای را ساده و لذت‌بخش می‌کند.