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 I made $10K+ with Framer in 60 days

Get your FREE ticket

$10k Undercover Event

Get your FREE ticket

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 I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

Nandi portrait's background

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

Nandi portrait's background

Learn how I went from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to secretly building a profitable Framer business.

Get your FREE ticket

Nandi portrait's background

More resources

More resources

View all

  • Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

    Music app playlist created screen with artist avatars

    Playlist Generation Circular Animation in Framer

    Component

  • Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component

    Customer testimonials section with review letter card

    3D Letter Testimonials in Framer

    Component