epic-stack-with-framer-motion
epic-stack-with-framer-motion copied to clipboard
Using client hints to avoid content layout shift with prefers-reduced-motion and framer motion animations.
Epic Stack Example with Framer Motion
This demonstrates how to use Framer Motion with the Epic Stack. Easiest way to
explore this is to check the commit history to see what changed from the init
commit.
Pretty much:
- Install
framer-motion - Add a client hint for
prefers-reduced-motion - Use framer motion with
reducedMotionto respect user preferences, even on the server render.