Planes

Components

Media

Direction-Aware Flip Card

ProUnlock all 54 Pro — $99 once

A flip card that swings toward the side your cursor enters from, with a tracked sheen, parallax tilt, and a lifting shadow.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/direction-aware-flip-card

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
<DirectionAwareFlipCard
  frontSrc="/cards/front.webp"
  backSrc="/cards/back.webp"
  width={360}
  height={520}
  radius={24}
/>

Use cases

  • Trading-card / collectibles UI

    Reveal alternate art or stats on the back of a card without leaving the page.

  • Pricing tier compare

    Flip from headline pricing to detailed feature breakdown.

  • Profile / member card

    Front: portrait + name. Back: bio + links.

  • Event ticket / boarding pass

    Cover art on the front, QR code and itinerary on the back of a digital pass.