Melt Button

✦ A button that brings your interface to life.

Create expressive call-to-action buttons with a flowing animated gradient, smooth hover effects and polished micro-interactions. Fully responsive, easy to customize and ready to use in seconds. Make it completely your own with flexible controls for styling, motion and responsive behavior :)

⚙ What you can customize

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

Button text ✦ Links ✦ Typography ✦ Text color ✦ Icons ✦ Icon styling ✦ Gradient colors ✦ Gradient intensity ✦ Blur ✦ Animation speed ✦ Motion range ✦ Hover effects ✦ Button size ✦ Padding ✦ Border radius ✦ Borders ✦ Shadows ✦ Per-device sizing

🎯 Perfect for

Landing pages ✦ Hero sections ✦ Product pages ✦ SaaS websites ✦ Creative portfolios ✦ Agency websites ✦ Startup sites ✦ Call-to-actions ✦ Navigation areas and more

📱 Responsive by default

Optimized sizing for Desktop, Tablet and Mobile with customizable dimensions, padding, typography and icon sizing for every device.

🖱 Included interactions

Animated liquid gradient ✦ Gradient hover motion ✦ Light sweep effect ✦ Button scale ✦ Lift on hover ✦ Press feedback ✦ Icon movement ✦ Optional links

🔗 Live Preview

https://good-ability-052772.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!