React Bits

Profile Card

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

Profile Card, a React Bits 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 React Bits 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.