Resources

Sliding Button Hover Animation in Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Sliding Button Hover Animation in Framer

View demo

Copy component

Remix project

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

How to Make $10K+ with Framer in 60 days

Get the course

How to Make $10K+ with Framer in 60 days

Get the course

Component

Sliding Button Hover Animation in Framer

This is a sliding button hover animation created in Framer without writing any code. Feel free to remix the project or copy the component to see how it's built and start using it in your Framer projects.

image of Nandi Muzsik

Created by

Nandi

Sliding Button Hover Animation in Framer

About The Resource

This button hover animation is achieved without any complexities. I simply created a button component where I designed a specific hover state where a new background color and a label animate in from the bottom.

You can also switch between dark and light variants depending on your needs.

Have fun with it!

About The Resource

This button hover animation is achieved without any complexities. I simply created a button component where I designed a specific hover state where a new background color and a label animate in from the bottom.

You can also switch between dark and light variants depending on your needs.

Have fun with it!

About The Resource

This button hover animation is achieved without any complexities. I simply created a button component where I designed a specific hover state where a new background color and a label animate in from the bottom.

You can also switch between dark and light variants depending on your needs.

Have fun with it!

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

Nandi portrait's background

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

Nandi portrait's background

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

Nandi portrait's background

More resources

More resources

View all

  • Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

    Glowing 'Start Framering' button with Framer logo

    Shader Button Component in Framer

    Component

  • Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component

    Landing page for a Blinds Text Reveal project.

    Blinds Text Reveal Component for Framer

    Component