React Bits

Flip Card

Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

Flip Card, a React Bits component

Use Flip Card in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/FlipCard-TS-TW
How to install React Bits components

Related components

  • Comet Dial

    Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

  • Squish Switch

    Switch whose thumb stretches with speed and squashes against the end when you flick it.

  • Folder Float

    Folder whose notes spring out into a floating cloud when it opens on hover or press.