React Bits

Tilted Card

3D perspective tilt card reacting to pointer.

Tilted Card, a React Bits component

Use Tilted 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/TiltedCard-TS-TW
How to install React Bits components

Related components

  • Decay Card

    An image card that tears and melts as the pointer moves, then pulls itself back together.

  • Spotlight Card

    Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby cards.

  • Card Nav

    Expandable navigation bar with card panels revealing nested links.