Bouncy Button Component

Copy component

Bouncy Button Component

Copy component

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Component

Bouncy Button Component

This is a bouncy button interaction created with multiple components. You can copy and paste it into any of your projects and easily customize it via component properties.

image of Nandi Muzsik

Created by

bouncy button in Framer
bouncy button in Framer
bouncy button in Framer

About the resource

This button component is designed to be fully customizable.

You can easily copy and paste it into your project, and edit it from the right panel through component properties.

About the resource

This button component is designed to be fully customizable.

You can easily copy and paste it into your project, and edit it from the right panel through component properties.

About the resource

This button component is designed to be fully customizable.

You can easily copy and paste it into your project, and edit it from the right panel through component properties.

Framer component properties

Bouncy button component properties in Framer.

Framer component properties

Bouncy button component properties in Framer.

Framer component properties

Bouncy button component properties in Framer.

The only aspect that is slightly more challenging to change is the font size or family. You can change these by clicking on the component, selecting the text on the primary variant, and editing it there.

The only aspect that is slightly more challenging to change is the font size or family. You can change these by clicking on the component, selecting the text on the primary variant, and editing it there.

The only aspect that is slightly more challenging to change is the font size or family. You can change these by clicking on the component, selecting the text on the primary variant, and editing it there.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Onboarding folder icon with fifteen PDF files

    Grey Folder Interaction in Framer

    Component

    Onboarding folder icon with fifteen PDF files

    Grey Folder Interaction in Framer

    Component

    Onboarding folder icon with fifteen PDF files

    Grey Folder Interaction in Framer

    Component

  • Stacked card UI design with article preview

    Card Stack Hover Animation in Framer

    Component

    Stacked card UI design with article preview

    Card Stack Hover Animation in Framer

    Component

    Stacked card UI design with article preview

    Card Stack Hover Animation in Framer

    Component