DecayCard

Tarjeta cuyo contenido se desintegra al pasar el ratón.

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

Cómo instalarlo

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

Cuándo usarlo

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

Props para personalizarlo

PropTipoPor defecto
childrenReactNode
widthnumber300
heightnumber400
imagestringhttps://picsum.photos/300/400?grayscale
baseFrequencynumber0.015
numOctavesnumber5
seednumber4
maxDisplacementnumber400
movementBoundnumber50

Otros efectos de componentes

  • ElasticSlider — Slider cuyo tirador se estira y vuelve con muelle.
  • GlassIcons — Iconos con efecto de cristal esmerilado.
  • Lanyard — Credencial 3D colgante con física de péndulo realista.
  • MarqueeAlongSvgPath — Marquesina de imágenes que sigue una curva SVG.
  • NeonGradientCard — Tarjeta con un borde de neón en degradado.
  • ProfileCard — Tarjeta de perfil holográfica con inclinación 3D.