An Angular directive wrapper for CountUp.js that animates numerical values by counting to them.
ngx-countup is an Angular directive wrapper for CountUp.js that enables smooth numerical counting animations in Angular applications. It allows developers to animate numbers from a starting value to an end value with customizable options like duration, easing, and formatting. The directive integrates seamlessly into Angular templates and supports features like auto-animation on scroll and programmatic re-animation.
Angular developers building dashboards, data visualizations, or applications that require animated numerical displays, such as statistics, counters, or financial metrics.
Developers choose ngx-countup for its lightweight, directive-based approach that simplifies adding CountUp.js animations to Angular projects without manual integration. It offers full compatibility with Angular's ecosystem, including server-side rendering, and provides fine-grained control over animation behavior through a declarative API.
Animates a numerical value by counting to it - for Angular
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses a simple directive that can be added to any HTML element, as shown in the template example with `[countUp]="345"`, making it quick to implement without complex setup.
Supports fine-grained options via `countUpOptions`, including duration, easing, and formatting, allowing precise tuning of animation behavior based on CountUp.js parameters.
Includes an `autoAnimate` option to automatically trigger animations when elements scroll into view, enhancing user experience for dashboards and statistics.
Explicitly compatible with Angular Universal and server-side rendering, ensuring animations work correctly in environments that require SSR.
The compatibility table shows different input names (`countUpOptions` vs `options`) across Angular versions, leading to confusion and extra effort during upgrades or migrations.
Only supports counting numbers, not text, graphics, or other dynamic content animations, restricting its utility for broader animation needs.
As a wrapper for CountUp.js, it inherits any bugs, limitations, or breaking changes from the core library, with no direct control over updates or fixes.