Shadcn.io is not affiliated with official shadcn/ui
Flip Button
3D flip button with front/back states and spring animations for React applications.
Flip Button preview
Interactive button that flips in 3D space to reveal alternate content on hover. Features customizable flip direction (top, bottom, left, right), spring-based physics for natural movement, and independent styling for front and back faces. Built with Motion for React using perspective transforms and backface visibility. Perfect for call-to-action buttons, toggle states, or any interaction that benefits from revealing hidden content with satisfying 3D motion.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the flip-button button into my projectRelated Components
Liquid Button
Fluid fill animation on hover
Ripple Button
Material Design ripple effect
Text Reveal Button
Animated text reveal on hover
Magnetic Button
Particle attraction effect
Corner Accent Button
Animated corner accents
Icon Button
Animated icon with active state
FAQ
Was this page helpful?
Sign in to leave feedback.