Button 3D Flip

A modern 3D flip button for Framer that reveals alternate text on hover.

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