AcidSquares

Pasillo cristalino de cuadrados en profundidad.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/AcidSquares-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
color1	string	'#5227FF'
color2	string	'#A855F7'
color3	string	'#FFFFFF'
detail	"low" \| "medium" \| "high"	'medium'
speed	number	0.7
waveDepth	number	1
zoom	number	1.3
density	number	10.0
glow	number	1.0
exposure	number	2700
spread	number	0.3
stepSize	number	0.002
colorShift	number	0
contrast	number	1
brightness	number	1.0
opacity	number	1.0
mouseInteraction	boolean	true
mouseStrength	number	0.1
mouseRadius	number	0.35
blur	number	0
grain	boolean	true
grainIntensity	number	0.05
className	string	''

Otros efectos de fondos

CRTWarp — Plasma CRT con curvatura, scanlines y bloom.
EvilEye — Ojo de fuego con iris animado que te sigue.
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.