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.