---
title: "Elegant CTA Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Jirei · Buttons. A fully customizable Elegant CTA Button built for Framer."
canonical: "https://framer.elliotli.dev/component/elegant-cta-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Elegant CTA Button

# Elegant CTA Button

Elegantly Call to Action

[View on Framer](https://framer.com/marketplace/components/elegant-cta-button/?via=elliot-li)

![Elegant CTA Button preview image 1](https://framer.elliotli.dev/og/component/elegant-cta-button/b84bd959c9349615/1600x1200.jpg)

## Summary

A fully customizable Elegant CTA Button built for Framer.

## Description

A fully customizable **Elegant CTA Button** built for Framer. Features a dark metallic base state and a brushed steel hover — but it's not limited to that. Customize the text, text color, font size, icon color, icon container border, radius, padding, gap between icon and text, outer border, inner padding, and both base and hover shadow layers to match any brand. The layered shadow system (4 shadows per state) creates realistic depth — just update the warm-hued shadows to match your accent color when changing the main color. Ideal for booking flows, agency heroes, or any premium CTA.

Settings of the component:

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-f9hsrtrk-MZRVtlnTydjWQQo8XcnK6iyzWmceO5)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-f9hsrtrk-yddBRbKeuv5g8HTuMcPmdQGvDR8DhE)

Also totally fine to unlink and customize further if preferring using it as a base.

## Rank history [How rankings work →](/terms#rankings)

-   All · #6282

## Details

- **Author**: Jirei
- **Published**: 2026-04-15
- **Updated**: 2026-07-30
- **Added**: 2026-04-13
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow