A Vue 3 component wrapper for CountUp.js that provides animated number counting with enhanced features.
vue-countup-v3 is a Vue 3 component that wraps CountUp.js to provide animated counting of numbers in Vue applications. It solves the need for smooth, customizable numeric animations—such as counters, statistics, or progress indicators—with Vue-specific features like slots, events, and SSR support.
Vue 3 developers building applications that require animated numeric displays, such as dashboards, data visualizations, or interactive UI elements.
Developers choose vue-countup-v3 for its seamless integration with Vue 3, extended features beyond base CountUp.js (like looping and delays), and strong TypeScript support with SSR compatibility out of the box.
A Vue 3 Component for animation counting.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Fully supports Vue 3's Composition API and TypeScript out of the box, ensuring seamless integration and type safety in modern Vue projects.
Extends CountUp.js with features like looping, delays, and autoplay, allowing for dynamic and repeatable counting animations beyond basic functionality.
Offers configurable decimal places, separators, prefixes, and suffixes via options and slots, enabling precise and customizable number displays.
Includes specific setup instructions for server-side rendering with Vite, Nuxt, and Astro, making it viable for SSR applications despite some complexity.
Requires manual configuration for SSR in frameworks like Vite and Nuxt (e.g., adding to ssr.noExternal or transpile arrays), which can be error-prone and add overhead.
Wraps a pinned version (v2.6.2) of CountUp.js, tying it to potential compatibility issues or missing updates from the underlying library.
Provides minimal pre-styled components; developers must write custom CSS for visual design, as slots only handle prefixes and suffixes without full styling control.