---
title: "Smooth 3d Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Troy Miller · Buttons. Fully customizable modern button"
canonical: "https://framer.elliotli.dev/component/smooth-3d-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Smooth 3d Button

# Smooth 3d Button

Fully customizable modern button

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

![Smooth 3d Button preview image 1](https://framer.elliotli.dev/og/component/smooth-3d-button/0e0bf0c55d359133/1600x1200.jpg)

## Summary

Fully customizable modern button

## Description

**Premium 3D Animated Button - The Ultimate Call-to-Action Component**

Transform your designs with this eye-catching, professional 3D button that combines stunning visual effects with seamless functionality. Built for conversions, this component delivers that premium "wow factor" your CTAs deserve.

**✨ Dynamic Animations**

-   Smooth hover effects with animated text reveal
    
-   Satisfying press feedback with depth compression
    
-   Optional splash/confetti effect on click
    
-   Animated arrow icon with swing motion
    
-   Professional shimmer glow on interaction
    

**🎨 Fully Customizable Styling**

-   6 independent color controls for complete brand matching (text, highlights, accents, main color, shadows)
    
-   Full Framer font picker integration - choose any font, weight, and style
    
-   Adjustable dimensions (width & height)
    
-   Custom border radius, rotation, and skew for unique effects
    
-   Letter spacing control for perfect typography
    
-   Responsive sizing that works at any scale
    

**🔗 Smart Functionality**

-   Direct URL linking with click handling
    
-   Open in new tab option
    
-   Toggle splash effect on/off
    
-   Fully accessible and keyboard-friendly
    

**🎯 Perfect For:**

-   Landing pages and sales funnels
    
-   E-commerce product pages
    
-   Lead generation forms
    
-   Newsletter signups
    
-   Download buttons
    
-   Contact CTAs
    

**💎 Premium Quality** Built with clean, optimized code and smooth 60fps animations. Works flawlessly in Framer with intuitive controls that designers love. No coding required - just drag, drop, and customize through the visual control panel.

Ready to boost your conversion rates with a button that demands attention? This is the component that makes visitors want to click.

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.fireislanddesign.com/)

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

-   All · #7682

## Details

- **Author**: Troy Miller
- **Published**: 2025-12-29
- **Updated**: 2026-06-12
- **Added**: 2025-12-18
- **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