A modern call-to-action button featuring a smooth expanding hover animation.
As users hover over the button, the icon container expands while the arrow slides naturally to the right, creating a subtle yet engaging micro-interaction. The animation adds visual feedback without overwhelming the interface, making it perfect for modern websites and landing pages.
Built entirely with native Framer components, Motion Button is easy to customize and integrate into any project. Whether you're building a portfolio, SaaS product, agency website, or marketing page, it provides a polished CTA that feels responsive and intuitive.
Smooth expanding hover animation
Sliding arrow micro-interaction
Clean and modern design
Responsive across desktop and mobile
Built with native Framer components
Ready to use in any Framer project
Customize the button to match your design system with editable properties, including:
Button label
Link destination
Colors
Typography
Shadow
Icon
Border radius
Animation
Landing pages
Portfolio websites
SaaS products
Agency websites
Marketing websites
Primary call-to-action buttons
Simply drop the component into your project, customize it to fit your brand, and create a more engaging call-to-action experience with a smooth, polished hover interaction.
A modern call-to-action button featuring a smooth expanding hover animation.
As users hover over the button, the icon container expands while the arrow slides naturally to the right, creating a subtle yet engaging micro-interaction. The animation adds visual feedback without overwhelming the interface, making it perfect for modern websites and landing pages.
Built entirely with native Framer components, Motion Button is easy to customize and integrate into any project. Whether you're building a portfolio, SaaS product, agency website, or marketing page, it provides a polished CTA that feels responsive and intuitive.
Smooth expanding hover animation
Sliding arrow micro-interaction
Clean and modern design
Responsive across desktop and mobile
Built with native Framer components
Ready to use in any Framer project
Customize the button to match your design system with editable properties, including:
Button label
Link destination
Colors
Typography
Shadow
Icon
Border radius
Animation
Landing pages
Portfolio websites
SaaS products
Agency websites
Marketing websites
Primary call-to-action buttons
Simply drop the component into your project, customize it to fit your brand, and create a more engaging call-to-action experience with a smooth, polished hover interaction.
