---
title: "3D Button — Free Framer component · Best of Framer"
description: "Free Framer component · by 9dm · Buttons. Add a tactile layer to your Framer projects with this simple and playful 3D button component."
canonical: "https://framer.elliotli.dev/component/3d-button"
---

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

# 3D Button

Interactive pressable 3D button

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

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

## Summary

Add a tactile layer to your Framer projects with this simple and playful 3D button component.

## Description

Add a tactile layer to your Framer projects with this simple and playful 3D button component. Designed to mimic the feel of a physical button, it reacts smoothly to hover and press interactions with animated depth and color changes.

![Default, hover, and pressed states](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-r8j9hy58-A4qqu5CzJ6R7flr4zuGPpuQBWaH8no)Default, hover, and pressed states

On hover, the button subtly moves downward while becoming brighter, creating a responsive lifted effect. On click or tap, it presses fully into place for satisfying visual feedback.

### Features

-   Smooth hover and pressed animations
    
-   Layered 3D depth effect
    
-   Lightweight setup
    
-   Fully customizable colors and text
    
-   Easy to remix and integrate into existing projects
    

### Included states

-   Default
    
-   Hover
    
-   Pressed
    

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

-   All · #7181

## Details

- **Author**: 9dm
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-05-06
- **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