# Framer Motion layout patterns, shared elements and smooth exits, EneUI

Practical Framer Motion (Motion) patterns in React: layoutId shared-element transitions, AnimatePresence for exits, reducedMotion and the library’s bundle cost.

> Page: https://ui.eneawork.it/components/cat/framer-motion/guide/framer-motion-layout-patterns
> Markdown: https://ui.eneawork.it/components/cat/framer-motion/guide/framer-motion-layout-patterns.md

> Practical Framer Motion (Motion) patterns in React: layoutId shared-element transitions, AnimatePresence for exits, reducedMotion and the library’s bundle cost.