sep 27, 2025
Built a phrase transition component using Framer Motion's AnimatePresence with staggered opacity/y transforms.
key insight: useEffect with setInterval + setTimeout creates smooth state transitions without jank. the magic is in the exit/enter animations with mode="wait" - prevents layout shift while cycling through phrases.