Biblioteca de Componentes UI
Explora mi colección de componentes de interfaz reutilizables, construidos con HTML, CSS y React.
FondosParticle Constellation
Partículas flotantes conectadas con líneas degradadas. Reaccionan al cursor con repulsión suave, pulso individual y glow radial. Canvas 2D puro.
Ver componente→
BannersLava Lamp Banner
Banner hero con fondo animado de lámpara de lava azul. Blobs orgánicos con filtro SVG goo y blob interactivo que sigue el cursor.
Ver componente→
CardsVideo Card Component
Tarjeta con video de fondo, avatar circular y estadísticas de perfil con efecto glassmorphism.
Ver componente→
FondosBubble Field
Burbujas semitransparentes con gradiente esférico que ascienden en trayectoria sinusoidal. El cursor las hace explotar con animación de pop.
Ver componente→
FondosAurora Borealis
Aurora boreal animada con 6 bandas sinusoidales en blend mode screen sobre cielo estrellado. Movimiento orgánico fluido.
Ver componente→
FondosInk Drop
Manchas de tinta que se expanden al mover el cursor sobre fondo papel crema. Blend mode multiply para mezcla realista de pigmentos.
Ver componente→
FondosElectric Plasma
Rayos eléctricos generados por desplazamiento de punto medio recursivo con ramificaciones. El cursor atrae las descargas.
Ver componente→
FondosFireflies
90 luciérnagas con movimiento orgánico, trail luminoso y pulso individual. El cursor las dispersa al acercarse a menos de 90px.
Ver componente→
3D · WebGLLiquid Orb
Esfera líquida iridiscente en Three.js. Ruido simplex 3D en el vertex shader deforma la superficie y el cursor la agita.
Ver componente→
3D · WebGLParticle Galaxy
Galaxia espiral de ~50.000 partículas animada en GPU, con brazos que respiran. La cámara orbita siguiendo al cursor.
Ver componente→
3D · WebGLSynthwave Terrain
Paisaje retro infinito: terreno de grilla neón, sol a franjas y niebla al horizonte. Mantén pulsado para acelerar.
Ver componente→
3D · WebGLWarp Tunnel
Salto al hiperespacio con miles de estelas instanciadas en un solo draw call. Pulsa para la velocidad warp.
Ver componente→
3D · WebGLParticle Morph
16.000 partículas que se transforman entre esfera, nudo toroidal, ADN y planeta. El cursor las aparta a su paso.
Ver componente→
3D · WebGLSilk Waves
Tela satinada pastel que ondula con olas y ruido, con brillo especular tipo seda. Versión clara para landings luminosas.
Ver componente→
3D · WebGLHolo Globe
Globo holográfico de puntos con continentes procedurales, atmósfera fresnel y arcos de datos que viajan entre ciudades.
Ver componente→
3D · WebGLDot Wave Field
Océano de 26.000 puntos que ondula en perspectiva. El cursor levanta una colina y cada clic lanza una onda expansiva.
Ver componente→
3D · WebGLFlow Ribbons
Cintas 3D que fluyen y se retuercen con degradado atardecer, brillo especular y fresnel. El cursor las atrae.
Ver componente→
3D · WebGLLiquid Metal
Gotas de cromo iridiscente que se fusionan, renderizadas con raymarching de SDFs. Una gota sigue al cursor.
Ver componente→