Framer Motion Interactive Animation

motion Component

Convert any element to animatable:

'use client';

import { motion } from 'framer-motion';

<motion.div
  animate={{ x: 100 }}
  transition={{ duration: 0.5 }}
/>

Note: Framer Motion requires 'use client' directive in Next.js App Router.