Aqua Button

✦ A glossy button with a softer side.

Create polished call-to-action buttons with a blurry aqua gradient, luminous diagonal edge highlights and smooth interactive motion. Fully responsive, easy to customize and ready to use in seconds. Make it completely your own with flexible controls for styling, icons and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Button text ✦ Links ✦ Typography ✦ Text color ✦ Icon type ✦ Icon position ✦ Icon color ✦ Icon weight ✦ Gradient colors ✦ Fill intensity ✦ Gradient blur ✦ Stroke colors ✦ Highlight color ✦ Highlight size ✦ Highlight blur ✦ Border width ✦ Border radius ✦ Button sizing ✦ Padding ✦ Animation speed ✦ Motion range ✦ Per-device sizing

🎯 Perfect for

Landing pages ✦ Hero sections ✦ Product pages ✦ Creative portfolios ✦ SaaS websites ✦ App websites ✦ Agency sites ✦ Tech brands ✦ Product launches ✦ Call-to-actions and more

📱 Responsive by default

Optimized for Desktop, Tablet and Mobile with customizable button height, padding, typography, icon size and spacing for every device.

🖱 Included interactions

Animated blurry gradient ✦ Mouse-reactive gradient ✦ Diagonal highlight motion ✦ Highlight glow boost ✦ Gradient hover movement ✦ Hover scale ✦ Hover lift ✦ Icon movement ✦ Press feedback ✦ Optional links

✨ Built-in icon options

Up ✦ Right ✦ Down ✦ Left ✦ Plus ✦ Check ✦ Play ✦ External link ✦ No icon

🔗 Live Preview

https://adventurous-site-055231.framer.app/

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!