Contadores animados

Números que suben al cargarse. Genera credibilidad instantánea en secciones de stats.

0Clientes activos

0Satisfacción

0Proyectos entregados

0Tareas completadas

Código

gsap.to(counter, {
  scrollTrigger: {
    trigger: counter,
    start: "top 80%",
  },
  innerText: 10000,
  duration: 2,
  ease: "power2.out",
  snap: { innerText: 1 }, // solo números enteros
  onUpdate: function() {
    // formato con separador de miles
    this.targets()[0].innerText = 
      Math.ceil(this.targets()[0].innerText)
        .toLocaleString() + suffix
  }
})