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 do the whileHover and whileTap props do?

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

More quizzes