Turn raw statistics into eye-catching, animated highlights that stop the scroll and reinforce your brand’s wins. Perfect for showcasing revenue milestones, satisfied clients, social-proof metrics, and more!
What’s New?
Multiple Counters, One Element
Add as many counters as your story needs—showcase a single hero stat or a full grid of achievements with ease.
Smart Number Formatting
Automatically abbreviates big numbers with K, M, B, or T so “2 500 000” effortlessly becomes 2.5 M.
Prefix & Suffix Controls
Add currency symbols, “+”, “%”, or any custom text before or after the animated value.
Counter-Specific Images
Attach an optional image (icon, badge, or logo) to each counter for instant visual context.
Image Size Slider: Fine-tune size independently.
Layout Precision
Counters per Row: Set how many counters appear side-by-side (1–5).
Gap Control: Pixel-perfect spacing between counters for flawless alignment.
Animation
Duration Control: Define how fast numbers count up (1 s – 15 s).
Viewport Trigger: Animation starts only when the counter scrolls into view—no wasted motion off-screen.
Complete Styling Suite
Color pickers for Number, Caption, Counter Background, and Container Background.
Border & Box-Shadow options for container to match design language.
Why This Matters?
Showcase Success at a Glance
Animated metrics draw eyes to your biggest wins, turning plain figures into persuasive proof.
Built for Flexibility & Brand Consistency
Whether you need a minimalist stat bar or a vibrant infographic-style section, the widget adapts—no custom code required.
Engage Without Overwhelm
Viewport-aware animation delivers delight exactly when users see it, keeping performance crisp and UX premium.
How to Use It?
  1. Drag the Number Counter widget onto your page.
  2. Add Counters: Click “Add Counter” for each statistic.
  3. Set Values: Enter your start and end number, add prefix/suffix.
  4. Attach Images (optional) and tweak size.
  5. Customize Layout: Counters per row and spacing,
  6. Style colors, borders, shadows, and backgrounds.
  7. Tune Animation duration & verify the viewport trigger in preview.