Astra

Flip Card

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

Flip Card, a Astra 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 Astra 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.