Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Animate buttons using gesture controls like whileTap and onDrag from Framer Motion


    Learn how to create common button animations by applying gesture recognizers like whileTap, whileHover, and onDrag. Framer Motion offers flexibility in how animations are pieced together but offers sensible defaults for the transitions it applies without you having to mess with transition easing methods.

    These props extend React's event listeners to apply powerful gesture detection for animations on components and can be strung together or used for more simple use cases.

    Check out the official docs for more information on them.