DotField

Campo de puntos que se abomba con el cursor.

Código: RODD·BG·011
Familia: Fondos
Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/DotField-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
dotRadius	number	1.5
dotSpacing	number	14
cursorRadius	number	500
cursorForce	number	0.1
bulgeOnly	boolean	true
bulgeStrength	number	67
glowRadius	number	160
sparkle	boolean	false
waveAmplitude	number	0
gradientFrom	string	'rgba(168, 85, 247, 0.35)'
gradientTo	string	'rgba(180, 151, 207, 0.25)'
glowColor	string	'#120F17'

Otros efectos de fondos

Floating3dParticles — Campo de partículas en pseudo-3D que rota.
GradientBlinds — Persianas de degradado con foco de luz.
GridScan — Sala de rejilla 3D con efecto de escaneo.
Lightfall — Estelas de luz de colores que caen por un túnel.
LineWaves — Patrón de líneas onduladas con distorsión de color.
NovatrixBackground — Fondo WebGL de ondas de color.