Fondos animados para web: WebGL, shaders y partículas

Shaders WebGL/WebGPU a pantalla completa: auroras, fluidos, partículas, luz.

Cuándo usarlas: Detrás de un hero o una sección de impacto. Uno por página y con el texto siempre legible encima.

• AcidSquares — Pasillo cristalino de cuadrados en profundidad.
• AnimatedGridPattern — Rejilla con celdas que se encienden al azar.
• Aurora — Auroras boreales procedurales.
• Balatro — El shader psicodélico de Balatro, interactivo.
• Beams — Haces de luz arquitectónicos cruzados.
• ColorBends — Bandas de color vibrantes que se doblan.
• CRTWarp — Plasma CRT con curvatura, scanlines y bloom.
• DarkVeil — Velo oscuro sutil generado por una red neuronal.
• Dither — Ruido dithered retro reactivo al ratón.
• DotField — Campo de puntos que se abomba con el cursor.
• DotGrid — Rejilla de puntos con física de choque.
• EvilEye — Ojo de fuego con iris animado que te sigue.
• FaultyTerminal — Terminal CRT con parpadeo y ruido.
• Ferrofluid — Ferrofluido magnético con líneas de contorno.
• FlickeringGrid — Rejilla de puntos que parpadean como un panel de datos.
• Floating3dParticles — Campo de partículas en pseudo-3D que rota.
• FloatingLines — Líneas 3D flotantes que reaccionan al cursor.
• Galaxy — Campo estelar con parallax y repulsión.
• GhostFibers — Fibras recursivas azules con bandas luminosas.
• Globe — Globo terráqueo 3D interactivo que gira solo.
• GradientBlinds — Persianas de degradado con foco de luz.
• GradientWaves — Olas raymarched hacia un horizonte brumoso.
• Grainient — Degradado con grano fílmico y distorsión.
• GridDistortion — Imagen en malla que se deforma con el cursor.
• GridMotion — Rejilla de elementos en perspectiva que sigue al ratón.
• GridScan — Sala de rejilla 3D con efecto de escaneo.
• Hyperspeed — Autopista a velocidad luz; mantén pulsado para acelerar.
• InteractiveGridPattern — Rejilla cuyas celdas se iluminan al pasar el ratón.
• Iridescence — Superficie iridiscente tipo nácar.
• LetterGlitch — Matriz de caracteres en glitch constante.
• Lightfall — Estelas de luz de colores que caen por un túnel.
• Lightning — Rayo eléctrico procedural.
• LightPillar — Pilar de luz volumétrico.
• LightRays — Rayos de luz volumétricos.
• LightTunnel — Túnel de fibra óptica con pulsos de luz.
• LineWaves — Patrón de líneas onduladas con distorsión de color.
• LiquidChrome — Cromo líquido reflectante.
• LiquidEther — Simulación de fluidos interactiva.
• Meteors — Lluvia de meteoros cruzando el fondo.
• MoltenMetal — Metal fundido con filamentos y núcleo incandescente.
• NovatrixBackground — Fondo WebGL de ondas de color.
• Orb — Orbe de energía — el “alma” de una IA.
• Particles — Sistema de partículas 3D configurable.
• PhotonBeam — Estelas de luz que recorren el fondo.
• PixelBlast — Píxeles dithered con ondas líquidas al clic.
• PixelSnow — Nieve pixelada que cae.
• Plasma — Plasma orgánico en espiral.
• PlasmaWave — Olas de plasma con interferencia doble.
• Prism — Prisma de cristal con dispersión de color.
• PrismaticBurst — Explosión de rayos prismáticos.
• Radar — Barrido de radar con anillos y haz giratorio.
• RetroGrid — Suelo de rejilla retro en perspectiva.
• Ripple — Ondas concéntricas para destacar un elemento.
• RippleGrid — Rejilla holográfica con ondas.
• Scanner — Bandas de interferencia como un osciloscopio.
• ShapeGrid — Rejilla animada de formas con estela al hover.
• SideRays — Rayos de luz que entran desde un lateral.
• Silk — Seda líquida con pliegues suaves.
• SlicedWaves — Barras luminosas que ondulan como un ecualizador.
• SoftAurora — Aurora suave con ruido Perlin 3D.
• Threads — Hilos ondulantes como una tela.
• Topography — Mapa topográfico vivo con curvas de nivel.
• WarpBackground — Tarjeta con un fondo de túnel que deforma el espacio.
• Waves — Líneas de ruido Perlin con tensión elástica.
• WebThreads — Hilos luminosos que convergen en un punto.