RippleGrid

Rejilla holográfica con ondas.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/RippleGrid-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
enableRainbow	boolean	false
gridColor	string	'#ffffff'
rippleIntensity	number	0.05
gridSize	number	10.0
gridThickness	number	15.0
fadeDistance	number	1.5
vignetteStrength	number	2.0
glowIntensity	number	0.1
opacity	number	1.0
gridRotation	number	0
mouseInteraction	boolean	true
mouseInteractionRadius	number	1

Otros efectos de fondos

SoftAurora — Aurora suave con ruido Perlin 3D.
WebThreads — Hilos luminosos que convergen en un punto.
Beams — Haces de luz arquitectónicos cruzados.
DotField — Campo de puntos que se abomba con el cursor.
FlickeringGrid — Rejilla de puntos que parpadean como un panel de datos.
Globe — Globo terráqueo 3D interactivo que gira solo.