ProfileCard

Tarjeta de perfil holográfica con inclinación 3D.

Código: RODD·CP·037
Familia: Componentes
Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/ProfileCard-TS-TW

Cuándo usarlo

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Props para personalizarlo

Prop	Tipo	Por defecto
avatarUrl	string	"<Placeholder for avatar URL>"
iconUrl	string	"<Placeholder for icon URL>"
grainUrl	string	"<Placeholder for grain URL>"
innerGradient	string	undefined
behindGlowEnabled	boolean	true
behindGlowColor	string	"rgba(125, 190, 255, 0.67)"
behindGlowSize	string	"50%"
className	string	""
enableTilt	boolean	true
enableMobileTilt	boolean	false
mobileTiltSensitivity	number	5
miniAvatarUrl	string	undefined
name	string	"Javi A. Torres"
title	string	"Software Engineer"
handle	string	"javicodes"
status	string	"Online"
contactText	string	"Contact"
showUserInfo	boolean	true
onContactClick	function	undefined

Otros efectos de componentes

StaggeredMenu — Menú a pantalla completa con entrada escalonada.
AnimatedBeam — Haces de luz que conectan elementos, ideal para integraciones.
BoxCarousel — Carrusel en forma de cubo 3D.
ChromaGrid — Rejilla en escala de grises que se colorea donde miras.
DecayCard — Tarjeta cuyo contenido se desintegra al pasar el ratón.
DriftWall — Muro infinito de tarjetas en perspectiva que se elevan al hover.