underline button — Animated Underline Button

Animated Underline Button is a fully customizable Framer component featuring a smooth underline sweep and text reveal animation on hover. Designed to add subtle, modern interactions to navigation links, buttons, and call-to-actions, it helps create a polished and engaging user experience without distracting from your content.

Features

• Smooth underline sweep animation on hover

• Fully customizable colors and typography

• Adjustable size, padding, and spacing

• Customizable animation speed and easing

• Responsive and works across screen sizes

• Lightweight and easy to integrate

• Perfect for navigation menus, buttons, and CTAs

• No-code customization through Framer properties

• Clean, modern micro-interaction design

Customize every detail to seamlessly match your website's branding and design system.