Framer-motion quiz

Test your Framer-motion knowledge with a free interactive quiz — 15 questions with answers and explanations. No signup needed to play.

What are variants in Framer Motion?

1. What are variants in Framer Motion?
2. What does the animate prop do on a motion component?
3. How do you animate a component as it is removed from the DOM?
4. What does a MotionValue let you do?
5. Why is animating transform properties (x, scale) generally more performant than animating layout properties like top/left?
6. How can you stagger animations of child elements?
7. How do you make an element animatable in Framer Motion?
8. What is a layout animation (the layout prop)?
9. What do the whileHover and whileTap props do?
10. What is the useAnimate / animation controls feature used for?
11. What is the purpose of the initial prop?
12. How do you create a shared element transition between two components?

More quizzes