Elevate Your Website with the Ultimate Animation Bundle! Enjoy 20% Off on Three Popular Add-ons!

Enhance your website with Zen Counter - animated counters made easy. Make your site more dynamic and engaging today!
Add life to your site with Add Animation - 27 predefined animations for impressive effects. Download now and captivate your visitors!
Simplify your site-building with Zen Swiper - Create swipeable carousels effortlessly and enrich your projects.
Need a custom add-on? We've got you covered. Let us bring your unique ideas to life for a perfect fit.
Zen Counter

Developed by

Version 9 Ready!

Multi-Site Licensing

To obtain a multi-site license you must negotiate a special offer with dariuszgarus, the developer of Zen Counter.

Click below to send a private message and begin the process. You may need to sign in to community.concretecms.com before you can message this user.

Send Message

Zen Counter is a simple yet effective add-on for Concrete CMS that allows for quick creation of animated counters on your website. With it, your site will become more interactive and engaging for visitors.

The add-on works using a block that starts running only when it becomes visible on the page. This creates a dynamic effect that enhances the aesthetic appeal of your website.

After easy installation, you can customize basic settings like an icon and title, as well as more advanced ones like the number of decimal places, duration, and an optional easing animation.

Zen Counter is also perfect for those who like to have complete control over the appearance and functionality of their counters. You can add prefixes, suffixes, grouping separators, decimal separators, and even switch out numeral glyphs for a more customized look.

Additionally, Zen Counter is a well-coded tool that uses popular libraries like countUp.js and appear.js. This ensures smooth and stable operation without excessive strain on your website.

If you're looking for an effective way to liven up your website, Zen Counter is an essential add-on that should definitely be on your list of tools.


Installation Instructions

  • Unzip this file in your site's packages/ directory.
  • Login to your site as an administrator.
  • Find the "Add Functionality" page in your dashboard.
  • Find this package in the list of packages awaiting installation.
  • Click the "install" button.

Basic settings

  • Font Awesome Icon (option)
  • title (option)
  • description (option)

Counter settings

  • Start value
  • End value
  • Decimal places
  • Duration
  • Ease animation
  •  Smart Easing Threshold Smooth
  • Smart Easing Amount
  • Use grouping
  • Grouping separator
  • Decimal
  • Prefix
  • Suffix
  • Numeral glyph substitution

Appear.js settings

  • reappear (The counter will restart when the counter is back in viewport.)
  • bounds (Bounds increase, in pixels, to the threshold size of the element so it can be "viewable" before it is actually in the viewport.)

The Zen Counter is based on countUp.js and appear.js


Other addons:

Add animation

  See our other add-ons: Add animation, Zen Swiper

Current Version: 0.5
Fully Translatable: Yes
Needs External Libraries: No
Compatible 9.0.0+
License: Standard
Support Response: Replies to tickets every business day.
Support Hosted: On marketplace.concretecms.com
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review