Framer Motion Code Generator

import { motion } from 'framer-motion';

const variants = {
  hidden: {
  opacity: 0
},
  visible: {
  opacity: 1
}
};

export default function AnimatedComponent() {
  return (
    <motion.div
      initial="hidden"
      animate="visible"
      variants={variants}
      transition={{
  duration: 0.5,
  ease: [
    0,
    0,
    0.2,
    1
  ]
}}
    >
      Your content here
    </motion.div>
  );
}

Animation Presets