Background Generator
Una galería de 24 fondos animados para portfolios y landings. Eliges uno, ajustas sus colores y te llevas el código con una guía para HTML, React, Vue, Angular o Astro.
Cómo funciona
Cada fondo es un único shader escrito en TSL, el lenguaje de shaders de Three.js. El mismo archivo mueve la vista previa y el código que exportas, y WebGPURenderer lo ejecuta con WebGPU donde existe y con WebGL2 en el resto.
Los colores se eligen en OKLCH y se mezclan en OKLab, así que los degradados no se ensucian de gris por el medio. Lo exportado ya viene preparado para producción: carga three.js en diferido y se pausa cuando sale de pantalla.