DotGrid

Rejilla de puntos con física de choque.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/DotGrid-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
dotSize	number	16
gap	number	32
baseColor	string	'#5227FF'
activeColor	string	'#5227FF'
proximity	number	150
speedTrigger	number	100
shockRadius	number	250
shockStrength	number	5
maxSpeed	number	5000
resistance	number	750
returnDuration	number	1.5
className	string	''
style	React.CSSProperties	{}

Otros efectos de fondos

FloatingLines — Líneas 3D flotantes que reaccionan al cursor.
GradientWaves — Olas raymarched hacia un horizonte brumoso.
Hyperspeed — Autopista a velocidad luz; mantén pulsado para acelerar.
Lightning — Rayo eléctrico procedural.
LiquidChrome — Cromo líquido reflectante.
Orb — Orbe de energía — el “alma” de una IA.