Skip to content

Animated Hover btn

Animated Button with smooth transition

Animated Hover btn preview image 1

Summary

Animated Button with smooth transition

Description

A modern, eye-catching button component featuring a smooth sliding fill animation on hover. The background transitions elegantly across the button, creating a premium micro-interaction that instantly makes your UI feel dynamic and polished.

Designed with rounded edges, clean typography, and subtle motion timing, this button is perfect for call-to-action sections, hero areas, landing pages, and product showcases.

✨ Features:

  • Smooth sliding hover animation

  • Clean rounded design

  • Subtle micro-interaction on click

  • Fully customizable text, colors, and size

  • Responsive and performance optimized

  • Easy to integrate into any Framer project

This component adds movement without being distracting — helping your CTA stand out while keeping a modern, professional look.

Rank history How rankings work →

120014001600168538/149/59/2710/1911/10
  • All · #6853

Details

More like this