Astra

Holo Card

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

Holo Card, a Astra component

Use Holo 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/HoloCard-TS-TW
How to install Astra components

Related components

  • Profile Card

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

  • Reflective Card

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

  • Tilted Card

    A 3D card that tilts toward the cursor, with glare, a soft shadow, floating layers and a flip side.