Metallic Button

Show Preview
Metallic Button

About Metallic Button

Built natively in Framer. No external dependencies. Fully responsive. Edit text, link, and sizing in seconds.

Features

  • Glossy chrome bezel with realistic highlight gradients

  • Deep matte interior with subtle inner glow

  • Soft floor shadow for depth and grounding

  • Smooth hover and press states out of the box

  • Fully editable text, link, and size from the Properties panel

  • Lightweight — drops straight into any Framer project

  • Works on both light and dark backgrounds

  • Responsive across breakpoints

Best for

  • Premium product launches and hardware brand sites

  • Pricing pages where the primary CTA needs to feel "expensive"

  • Portfolio sites that want one bold, tactile interaction

How to use

  1. Copy the component into your Framer project.

  2. Drop it onto any frame.

  3. In the Properties panel, edit the label text and link URL.