Let’s make your numbers stand out by animating them. The number can be counted up or down.
Please take a look at these custom block patterns that use this block to see how it can be applied to real-world sites.
If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help it spread to more people. I would very much appreciate it.
Please check out my other plugins if you’re interested:
- Content Blocks Builder – A tool to create blocks, patterns or variations easily for your site directly on the Block Editor.
- Block Enhancements – A plugin to add more useful features to blocks like icon, box-shadow, transform, hover style…
- Icon separator – A tiny block just like the core/separator block but with the ability to add an icon to it.
- SVG Block – A block to insert inline SVG images easily and safely. It also bundles with more than 3000 icons and some common non-rectangular dividers.
- Meta Field Block – A block to display a meta field or an ACF field as a block. It can also be used in the Query Loop block.
- Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data.
- Better Youtube Embed Block – Embed Youtube videos without slowing down your site.
The plugin is developed using @wordpress/create-block.
This plugin provides 1 block.
- Counting number block An animated number counting effect block.
- Upload the plugin files to the
/wp-content/plugins/counting-number-blockdirectory, or install the plugin through the WordPress plugins screen directly.
- Activate the plugin through the ‘Plugins’ screen in WordPress
Why needs this plugin?
If you want to highlight your numbers, you could use this plugin to make a counting effect.
Contributors & Developers
“Counting Number Block” is open source software. The following people have contributed to this plugin.Contributors
Release Date – 10 August 2023
- DEV – Add a CSS class named
is-number-animatingwhen it’s counting
- DEV – Show the
startValat the beginning
- DEV – Refactor code
Release Date – 22 March 2023
- DEV – Make the block animates the trailing zero in decimal places
Release Date – 31 January 2023
- DEV – Add settings for disabling grouping, grouping separator, decimal separator
- DEV – Add more typography settings
- DEV – Add keywords for blocks
Release Date – 16 October 2022
- FIX – Refactor code to allow animate the number both scroll up & down
Release Date – 16 September 2022
- FIX – Change textdomain
Release Date – 20 July 2022
- FIX – Allow animating decimal number
- FIX – Animate on load
Release Date – 13 July 2022