Button 3D Flip
Interactive 3D flip button for Framer. Perfect for nav and call-to-action links.
Make it with Workshop
Build your own component with AI
About this Component
A modern 3D flip button for Framer that reveals alternate text on hover. Used for nav links, CTAs, and interactive UI elements.
Key Features:
Smooth 3D flip animation
Front & back text states (same text by default)
Fully customizable fonts (family, size, weight, uppercase)
Customizable colors, padding, and border radius
Lightweight and performance-friendly (pure CSS transform)
How to Use:
Copy the component onto your canvas
Enter your button text (e.g. JOIN NOW)
(Optional) Add a flip text label
Leave blank to reuse the main text
Set your link URL
Customize styling:
Font & weight
Font size
Text transform (uppercase toggle)
Background & text colors
Flip background & text colors
Padding & border radius
Preview / hover to see the 3D flip effect
