finds.dev← search

// the find

PanJiaChen/vue-countTo

★ 1,505 · JavaScript · updated Feb 2023

It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/

A Vue 2 component that animates a number from a start value to an end value over a set duration. Zero dependencies, supports easing functions, SSR, and basic formatting (separators, decimals, prefix/suffix). Exactly what it says on the tin.

No dependencies and the minified bundle is tiny — under 2KB gzipped. The easing function is replaceable, so you can swap in your own curve without forking. Count-up and count-down are automatic based on start/end values, no extra config needed. SSR support is real and handled via a polyfilled requestAnimationFrame shim.

Vue 2 only — last commit was 2023 and there's no Vue 3 support, so this is a dead end for any modern project. The dist folder ships pre-built JS committed to git, which is a code smell and means you can't verify what you're getting matches the source. No TypeScript types. Locale-aware number formatting isn't supported, so if your app targets non-English locales you'll be hacking around the separator/decimal fields manually.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →