Flipping Card

A two-sided card component that flips on hover, revealing content on its back face. Ideal for interactive displays or showcasing additional information.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx, tailwind-merge

Install

npx shadcn@latest add https://badtz-ui.com/r/flipping-card.json

Files

• registry/new-york-v4/ui/flipping-card.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-ui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from Badtz UI

• Animated Card 1
• Animated Card 2
• Animated Card 3
• Cursor Cards
• Expandable Card
• 3D Wrapper
• Animated Keyboard
• Animated List
• Blur Reveal
• Border Beam
• Button
• Cloud Orbit