إتقان فيزياء الربيع في Framer Motion وExodeUI

// Framer Motion Spring Transition
import { motion } from 'framer-motion';

export const SnappyModal = () => (
  <motion.div
    initial={{ scale: 0.8, opacity: 0 }}
    animate={{ scale: 1, opacity: 1 }}
    transition={{
      type: 'spring',
      stiffness: 420,
      damping: 26,
      mass: 0.9
    }}
    className="modal-box p-8 rounded-2xl bg-zinc-900 text-white"
  >
    Physics-Driven Modal
  </motion.div>
);