GradientBlinds

Persianas de degradado con foco de luz.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/GradientBlinds-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
gradientColors	string[]	['#FF9FFC', '#5227FF']
angle	number	0
noise	number	0.3
blindCount	number	16
blindMinWidth	number	60
mouseDampening	number	0.15
mirrorGradient	boolean	false
spotlightRadius	number	0.5
spotlightSoftness	number	1
spotlightOpacity	number	1
distortAmount	number	0
shineDirection	'left' \| 'right'	left
mixBlendMode	string	'lighten'
paused	boolean	false
dpr	number	window.devicePixelRatio
className	string

Otros efectos de fondos

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.
Plasma — Plasma orgánico en espiral.
RetroGrid — Suelo de rejilla retro en perspectiva.