Cards
Flip Card
A card that flips in 3D on hover to reveal a feature list
Preview
Flip Card
Hover to see what's on the other side.
Built on real 3D
Two faces stacked in one perspective plane, rotated on the Y-axis. No slide, no fade - a genuine flip.
- Spring-tuned easing
- GPU-friendly transforms
- Reduced-motion aware
- Zero required props
Bakes #6366f1 directly into the copied source — self-contained.
Install
npx shadcn@latest add https://flux-ui.pro/r/flip-card.jsonSource
components/ui/flip-card.tsx
Sign in to reveal the source. Free accounts get 10 a day.
AI prompt
AI prompt
Sign in to reveal the prompt. Free accounts get 10 a day.
Paste this into Cursor, Claude, or any AI editor to drop the component in.