Astra

Profile Card

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

Profile Card, a Astra component

Use Profile 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/ProfileCard-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.

  • Tilted Card

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

  • Pixel Card

    A card that fills with twinkling pixels on hover, rippling out from the center or the cursor.