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:
See our other add-ons: Add animation, Zen Swiper