Dither
Ruido dithered retro reactivo al ratón.
- Código: RODD·BG·010
- Familia: Fondos
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/Dither-TS-TW
Cuándo usarlo
Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| waveSpeed | number | 0.05 |
| waveFrequency | number | 3 |
| waveAmplitude | number | 0.3 |
| waveColor | [number, number, number] | [0.5, 0.5, 0.5] |
| backgroundColor | [number, number, number] | [0, 0, 0] |
| colorNum | number | 4 |
| pixelSize | number | 2 |
| disableAnimation | boolean | false |
| enableMouseInteraction | boolean | true |
| mouseRadius | number | 1 |
Otros efectos de fondos
- FlickeringGrid — Rejilla de puntos que parpadean como un panel de datos.
- Globe — Globo terráqueo 3D interactivo que gira solo.
- GridMotion — Rejilla de elementos en perspectiva que sigue al ratón.
- LetterGlitch — Matriz de caracteres en glitch constante.
- LightTunnel — Túnel de fibra óptica con pulsos de luz.
- MoltenMetal — Metal fundido con filamentos y núcleo incandescente.