Prism

Prisma de cristal con dispersión de color.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Prism-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
height	number	3.5
baseWidth	number	5.5
animationType	"rotate" \| "hover" \| "3drotate"	"rotate"
glow	number	1
offset	{ x?: number; y?: number }	{ x: 0, y: 0 }
noise	number	0.5
transparent	boolean	true
scale	number	3.6
hueShift	number	0
colorFrequency	number	1
hoverStrength	number	2
inertia	number	0.05
bloom	number	1
suspendWhenOffscreen	boolean	false
timeScale	number	0.5

Otros efectos de fondos

Scanner — Bandas de interferencia como un osciloscopio.
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.