Animaciones Lottie en una pieza sobre renovables

Web Component dotlottie-player + fallback automático a lottie-player (JSON)

Mix renovable — Animación principal (.lottie con fallback)

Controles: play/pausa/stop, velocidad y seek. Activa fallback si el .lottie no carga.

Estado: cargando…

Consejo: hospeda tus .lottie/.json en HTTPS y evita bloqueos CORS. Si tu hosting bloquea unpkg, cambia los CDNs por jsDelivr.

Autoconsumo — Reproduce al pasar el cursor / al entrar

Hover para desktop y IntersectionObserver para móvil/scroll.

Estado: cargando…

Usos típicos en piezas

  • Iconos animados para tecnologías (eólica, solar, hidráulica).
  • Microinteracciones al filtrar datos/cambiar pestañas.
  • Feedback de estado (cargando, error, listo).