Vibeset

Contador que sube

Lo difícil de un contador no es contar, es que cuente sin estorbar. El número que sube se escribe directamente en el nodo y no pasa por el estado de React: son sesenta cambios por segundo y repintar un árbol por cada uno es un precio absurdo. El valor final vive siempre en el DOM, en un texto transparente que reserva el ancho justo, así que la página no se mueve mientras sube y un lector de pantalla oye «83» y no «17, 31, 52». La curva baja de golpe y se posa despacio: una subida lineal parece una barra de carga.

Y el original de React Bits: Count Up

Esta pieza está escrita desde cero en Vibeset: no se ha copiado ni portado nada de React Bits. Hace algo parecido a su Count Up, y esto es lo que vimos del suyo por si prefieres usar el original.

Cuándo sí

Para cifras reales que cuentan algo: usuarios, versiones, descargas. Una cifra inventada con animación sigue siendo inventada.

Ojo con

Antes de animar, comprueba qué texto sirve: lo que ve un robot que no ejecuta JavaScript tiene que ser la cifra final y no el cero de partida.

Accesibilidad

Respeta el movimiento reducido del sistema y trae algo de aria. Pruébalo con un lector de pantalla: un valor que cambia sin parar es lo que más cuesta de leer.