Efectos y animaciones web en vivo, con código

Librería en español con 287 efectos, animaciones, componentes React y escenas 3D (Spline, Three.js). Pruébalos en vivo, edítalos y copia el código.

Explora la librería por familias

Animaciones de texto para web: efectos en React y CSS (52) — Animaciones de texto: entradas, destellos, descifrados y tipografía variable.
Animaciones web: cursores, efectos hover y bordes de luz (50) — Cursores, bordes, estelas y envoltorios que dan vida a cualquier elemento.
Componentes React animados: menús, galerías y tarjetas (57) — Piezas de interfaz completas: navegación, galerías, tarjetas, carruseles.
Microinteracciones y botones animados para web (43) — Botones, interruptores, sliders e indicadores con física y feedback táctil.
Fondos animados para web: WebGL, shaders y partículas (65) — Shaders WebGL/WebGPU a pantalla completa: auroras, fluidos, partículas, luz.
3D para web con Spline y Three.js: escenas interactivas (20) — Escenas 3D en tiempo real: Spline (diseño 3D sin código) y piezas originales en Three.js.

Tu primera escena 3D en Spline, de cero a tu web — Sin saber 3D ni programar mucho: crea una escena interactiva y ponla en tu página en una tarde.
¿Spline, Three.js o un vídeo? Cómo elegir — Las tres sirven para “poner 3D en la web”, pero cada una encaja en un caso distinto.
Cómo elegir el efecto adecuado para tu web — Un buen efecto tiene un trabajo. Elige por objetivo, no por lo espectacular que sea.
Animaciones que no espantan: rendimiento y accesibilidad — Una web preciosa que tarda 6 segundos en cargar o marea a quien la visita no sirve. Así se evita.
Checklist antes de publicar una web animada — Lo que reviso siempre antes de lanzar una web con efectos, 3D o IA. Cópiala.

Un proyecto de Rodrigo Negrete: diseño, desarrollo web, 3D e inteligencia artificial.