Noise

Grano fílmico animado para dar textura.

  • Código: RODD·AN·025
  • Familia: Animaciones
  • Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

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

Cuándo usarlo

Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.

Otros efectos de animaciones

  • PixelTransition — Transición pixelada entre dos contenidos al hover.
  • ShineBorder — Borde con un brillo de degradado animado.
  • Strands — Hebras luminosas que ondulan y se entrelazan.
  • BlobCursor — Cursor orgánico en forma de gota con inercia y morphing elástico.
  • Crosshair — Cursor de mira con líneas que siguen al ratón y distorsionan enlaces.
  • ElasticMesh — Superficie de malla elástica que se estira bajo el puntero.