---
title: "3D Button CTA — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Sumit Kumar · Buttons. Button Features & Details 1."
canonical: "https://framer.elliotli.dev/component/3d-button-cta"
---

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

# 3D Button CTA

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

![3D Button CTA preview image 1](https://framer.elliotli.dev/og/component/3d-button-cta/5415c320f8aff111/1600x1200.jpg)

## Summary

Button Features & Details 1.

## Description

**Button Features & Details**

**1\. Interactive States (with Animation):**

-   **Default / Primary:** Clean, elevated look with a soft shadow and bold text.
    
-   **Hover:** Subtle lift with a glowing blue dot animation to signal interactivity.
    
-   **Pressed:** Dynamic 3D tilt effect and shadow compression for tactile feedback.
    

**2\. Fully Editable in Framer:**

-   Change **text**, **font**, **colors**, **corner radius**, and **padding** via property controls.
    
-   Update or disable the **hover glow** or **press tilt** animation.
    
-   Customize the **animation timing** and **easing** using built-in Framer transitions.
    

**3\. Responsive & Scalable:**

-   Auto-resizes based on content length.
    
-   Works across desktop, tablet, and mobile layouts.
    

**4\. Design Details:**

-   Rounded pill shape for modern UI.
    
-   Smooth shadows and depth for a floating appearance.
    
-   Typography optimized for contrast and clarity.
    

**5\. Ideal Use Cases:**

-   Landing pages
    
-   Hero sections
    
-   Signup/Onboarding prompts
    
-   Product CTAs
    

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

-   All · #9245

## Details

- **Author**: Sumit Kumar
- **Price**: $3.00
- **Published**: 2025-10-16
- **Updated**: 2025-10-16
- **Added**: 2025-10-07
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything