📡 You're offline — showing cached content
⚡ New version available!
Quick Access
🗺️ Roadmaps 🃏 Flashcards 📚 Series 🎓 Tutorials 🗺️ My Path 🎤 Mock Interview ⚡ Cheat Code 📄 Resume Builder 🛠️ Dev Tools
Tutorials › React Modern Development › Animations with Framer Motion

Animations with Framer Motion

5 min read
Framer Motion adds animations with motion.div and props: initial, animate, and exit. whileHover and whileTap handle interaction states. AnimatePresence enables smooth exit animations when components unmount from the tree.

Animations with Framer Motion

npm install framer-motion

import { motion, AnimatePresence } from "framer-motion";

function Card() {
  return (
    
      Hello!
    
  );
}