3D Button — Interactive pressable 3D button

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.

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