← Back to Gallery

Stagger List

List Stagger

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

Grid Stagger

Code Example

const container = {
  hidden: { opacity: 0 },
  show: {
    opacity: 1,
    transition: { staggerChildren: 0.1 }
  }
};

<motion.ul variants={container} initial="hidden" animate="show">
  {items.map((item) => (
    <motion.li variants={item}>{item}</motion.li>
  ))}
</motion.ul>