React Bits

Reflective Card

A metal ID card that reflects your camera or a looping video and catches the light as it tilts.

Reflective Card, a React Bits component

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

Related components

  • Holo Card

    Collectible trading card with a real holographic foil and glitter that sparkles as it tilts.

  • Profile Card

    A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.

  • Specular Button

    Glass button whose edge catches the light, with a highlight that glides toward the cursor.