LineWaves

Patrón de líneas onduladas con distorsión de color.

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

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/LineWaves-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

PropTipoPor defecto
speednumber0.3
innerLineCountnumber32.0
outerLineCountnumber36.0
warpIntensitynumber1.0
rotationnumber-45
edgeFadeWidthnumber0.0
colorCycleSpeednumber1.0
brightnessnumber0.2
color1string"#ffffff"
color2string"#ffffff"
color3string"#ffffff"
enableMouseInteractionbooleantrue
mouseInfluencenumber2.0

Otros efectos de fondos

  • Orb — Orbe de energía — el “alma” de una IA.
  • Plasma — Plasma orgánico en espiral.
  • RetroGrid — Suelo de rejilla retro en perspectiva.
  • SideRays — Rayos de luz que entran desde un lateral.
  • Topography — Mapa topográfico vivo con curvas de nivel.
  • AnimatedGridPattern — Rejilla con celdas que se encienden al azar.