Astra

Reflective Card

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

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