Shadcn.io is not affiliated with official shadcn/ui
Flip Button
3D flip button with front/back states and spring animations for React applications.
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.
Flip Button preview
Installation
Related 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.