Topography

Mapa topográfico vivo con curvas de nivel.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Topography-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
lowColor	string	'#5227FF'
midColor	string	'#FF9FFC'
highColor	string	'#FFFFFF'
speed	number	0.35
morphAmount	number	3.0
morphSpeed	number	0.05
bands	number	2.0
thickness	number	0.01
scale	number	1.0
pixelSize	number	1.0
glow	number	0.5
colorMode	string	'elevation'
contrast	number	3.0
brightness	number	1.0
fillBands	boolean	false
opacity	number	1.0
grain	boolean	true
grainIntensity	number	0.05
mouseInteraction	boolean	true
mouseRadius	number	0.3
mouseStrength	number	0.4
className	string	''

Otros efectos de fondos

Aurora — Auroras boreales procedurales.
DarkVeil — Velo oscuro sutil generado por una red neuronal.
FaultyTerminal — Terminal CRT con parpadeo y ruido.
Galaxy — Campo estelar con parallax y repulsión.
Grainient — Degradado con grano fílmico y distorsión.
InteractiveGridPattern — Rejilla cuyas celdas se iluminan al pasar el ratón.