* Description
Elevate your web design with the Metallic Gradient Button, a premium and eye-catching interactive element built exclusively for Framer. Inspired by the premium UI visual style shown in hg.png, this component seamlessly blends a vibrant, high-end color gradient (shifting beautifully between violet, pink, and deep blue) with a polished, luxury gold metallic border.
Designed to maximize user engagement and click-through rates (CTR), it delivers fluid visual feedback that brings your landing pages, portfolios, or SaaS websites to life instantly.
---
* Key Features
* 3 Pre-Built Interactive States: Fully configured with smooth animated transitions for Primary, Hover, and Pressed states.
* Premium Metallic Border: A sleek, dual-tone gold frame that gives the button a stunning 3D depth and luxurious feel.
* Vibrant Gradient Glow: Modern color transitions that naturally draw attention to your Call-to-Action (CTA).
* 100% Customizable & Responsive : Easily change the text, links, and sizing directly inside Framer without touching a single line of code.
* Description
Elevate your web design with the Metallic Gradient Button, a premium and eye-catching interactive element built exclusively for Framer. Inspired by the premium UI visual style shown in hg.png, this component seamlessly blends a vibrant, high-end color gradient (shifting beautifully between violet, pink, and deep blue) with a polished, luxury gold metallic border.
Designed to maximize user engagement and click-through rates (CTR), it delivers fluid visual feedback that brings your landing pages, portfolios, or SaaS websites to life instantly.
---
* Key Features
* 3 Pre-Built Interactive States: Fully configured with smooth animated transitions for Primary, Hover, and Pressed states.
* Premium Metallic Border: A sleek, dual-tone gold frame that gives the button a stunning 3D depth and luxurious feel.
* Vibrant Gradient Glow: Modern color transitions that naturally draw attention to your Call-to-Action (CTA).
* 100% Customizable & Responsive : Easily change the text, links, and sizing directly inside Framer without touching a single line of code.