Bouncy Icon Button Component

This is a bouncy button component, an original creation by Rauno, but recreated in Framer. It's a super fun micro-interaction that can bring a dash of life and fun to your icon buttons.

Created by

Nandi

and

Rauno

About the resource

To achieve the bounciness, we shift the icon on the pressed state of the component, and we also incorporate a neat trick to make the button appear smaller on click. The trick is to make the button's background color a completely separate frame. We can then make this smaller on press, which results in achieving that bouncy feel.

About the resource

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

More resources

View all

Playlist Generation Circular Animation in Framer
Component
Playlist Generation Circular Animation in Framer
Component
3D Letter Testimonials in Framer
Component
3D Letter Testimonials in Framer
Component