CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way. Install via npm/yarn using the package name countup.js. Despite its name, CountUp can count in either direction, depending on the start and end values that you pass. CountUp.js supports all browsers. MIT license. CountUp v2 is distributed as an ES6 module because it is the most standardized and most widely compatible module for browsers, though a UMD module is also included. To run module-enabled scripts locally, you'll need a simple local server setup, because otherwise you may see a CORS error when your browser tries to load the script as a module. CountUp is also wrapped as a UMD module in ./dist/countUp.umd.js and it exposes CountUp as a global variable on the window scope.

Features

  • Highly customizeable with a large range of options
  • You can even substitute numerals
  • CountUp intelligently defers easing until it gets close enough to the end value for easing to be visually noticeable
  • Configureable in the options
  • Separate bundles for modern and legacy browsers, with and without the requestAnimationFrame polyfill
  • Choose countUp.min.js for modern browsers or countUp.withPolyfill.min.js for IE9 and older, and Opera mini

Project Samples

Project Activity

See All Activity >

Categories

Animation

License

MIT License

Follow CountUp.js

CountUp.js Web Site

Other Useful Business Software
Try Google Cloud Risk-Free With $300 in Credit Icon
Try Google Cloud Risk-Free With $300 in Credit

No hidden charges. No surprise bills. Cancel anytime.

Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of CountUp.js!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Animation Software

Registered

2021-08-17