LiquidEther

Simulación de fluidos interactiva.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/LiquidEther-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
colors	string[]	["#5227FF", "#FF9FFC", "#B497CF"]
mouseForce	number	20
cursorSize	number	100
resolution	number	0.5
dt	number	0.014
BFECC	boolean	true
isViscous	boolean	false
viscous	number	30
iterationsViscous	number	32
iterationsPoisson	number	32
isBounce	boolean	false
autoDemo	boolean	true
autoSpeed	number	0.5
autoIntensity	number	2.2
takeoverDuration	number	0.25
autoResumeDelay	number	1000
autoRampDuration	number	0.6
className	string	''
style	React.CSSProperties	{}

Otros efectos de fondos

PhotonBeam — Estelas de luz que recorren el fondo.
Prism — Prisma de cristal con dispersión de color.
RippleGrid — Rejilla holográfica con ondas.
SlicedWaves — Barras luminosas que ondulan como un ecualizador.
Waves — Líneas de ruido Perlin con tensión elástica.
Balatro — El shader psicodélico de Balatro, interactivo.