{"id":160022,"date":"2022-07-13T02:01:36","date_gmt":"2022-07-13T02:01:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/counting-number-block\/"},"modified":"2026-08-16T09:10:29","modified_gmt":"2026-08-16T09:10:29","slug":"counting-number-block","status":"publish","type":"plugin","link":"https:\/\/fr-ca.wordpress.org\/plugins\/counting-number-block\/","author":9299724,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.3","stable_tag":"1.1.3","tested":"7.1","requires":"5.9","requires_php":"7.0","requires_plugins":null,"header_name":"Counting Number Block","header_author":"Phi Phan","header_description":"An animated number counting effect block.","assets_banners_color":"","last_updated":"2026-08-16 09:10:29","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/boldblocks.net?utm_source=wp.org&utm_campaign=readme&utm_medium=link&utm_content=Counting+Number+Block+Donate","header_plugin_uri":"https:\/\/boldblocks.net?utm_source=Counting+Number+Block&utm_campaign=visit+site&utm_medium=link&utm_content=Plugin+URI","header_author_uri":"https:\/\/boldblocks.net","rating":5,"author_block_rating":5,"active_installs":2000,"downloads":17773,"num_ratings":9,"support_threads":0,"support_threads_resolved":0,"author_block_count":6,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"Mr2P","date":"2022-07-13 02:07:38"},"1.0.1":{"tag":"1.0.1","author":"Mr2P","date":"2022-07-20 03:37:17"},"1.0.2":{"tag":"1.0.2","author":"Mr2P","date":"2022-07-20 05:20:04"},"1.0.3":{"tag":"1.0.3","author":"Mr2P","date":"2022-09-16 15:12:31"},"1.0.4":{"tag":"1.0.4","author":"Mr2P","date":"2022-11-06 08:41:55"},"1.0.5":{"tag":"1.0.5","author":"Mr2P","date":"2023-03-11 13:58:53"},"1.0.6":{"tag":"1.0.6","author":"Mr2P","date":"2023-08-09 16:59:56"},"1.0.7":{"tag":"1.0.7","author":"Mr2P","date":"2024-04-03 01:29:40"},"1.1.0":{"tag":"1.1.0","author":"Mr2P","date":"2025-12-01 02:28:57"},"1.1.1":{"tag":"1.1.1","author":"Mr2P","date":"2026-01-12 00:07:44"},"1.1.2":{"tag":"1.1.2","author":"Mr2P","date":"2026-02-11 10:10:45"},"1.1.3":{"tag":"1.1.3","author":"Mr2P","date":"2026-08-16 09:10:29"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":9},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":2755379,"resolution":"128x128","location":"assets","locale":"","width":256,"height":256},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":2755379,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"boldblocks\/counting-number":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"boldblocks\/counting-number","title":"Counting number block","category":"design","description":"This block provides an animated counter effect for numbers.","keywords":["number","counting","counter","animation"],"attributes":{"value":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-value","__experimentalRole":"content","default":1000},"startVal":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-start-val","__experimentalRole":"content","default":0},"duration":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-duration","default":2},"enableScrollSpy":{"type":"boolean","default":true},"scrollSpyOnce":{"type":"boolean","default":true},"scrollSpyDelay":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-scroll-spy-delay","default":0},"disableGrouping":{"type":"boolean","default":false},"separator":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-separator","default":","},"decimal":{"type":"string","source":"attribute","selector":".wp-block-boldblocks-counting-number > .value","attribute":"data-decimal","default":"."},"prefix":{"type":"string","__experimentalRole":"content"},"suffix":{"type":"string","__experimentalRole":"content"}},"supports":{"html":false,"spacing":{"margin":true,"padding":true},"color":{"background":true,"text":true,"gradients":true},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalDefaultControls":{"fontSize":true,"lineHeight":true,"fontAppearance":true,"textTransform":true}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":false},"interactivity":{"clientNavigation":true}},"textdomain":"counting-number-block","editorScript":"file:.\/index.js","viewScript":"file:.\/frontend.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"}},"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.1.0","1.1.1","1.1.2","1.1.3"],"block_files":["\/tags\/1.1.3\/build\/index.js","\/tags\/1.1.3\/build\/index.css","\/tags\/1.1.3\/build\/style-index.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3176528,"resolution":"1","location":"assets","locale":"","width":361,"height":1075}},"screenshots":{"1":"Block settings"}},"plugin_section":[172757],"plugin_tags":[785,1220,869,148076,534],"plugin_category":[36,50],"plugin_contributors":[203545],"plugin_business_model":[],"class_list":["post-160022","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-animation","plugin_tags-block","plugin_tags-counter","plugin_tags-gutenberg","plugin_tags-number","plugin_category-analytics","plugin_category-media","plugin_contributors-mr2p","plugin_committers-mr2p"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/counting-number-block\/assets\/icon-128x128.gif?rev=2755379","icon_2x":"https:\/\/ps.w.org\/counting-number-block\/assets\/icon-256x256.gif?rev=2755379","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/counting-number-block\/assets\/screenshot-1.png?rev=3176528","caption":"Block settings"}],"raw_content":"<!--section=description-->\n<p>This single-block plugin makes your numbers stand out by animating them while still keeping them SEO-friendly, accessibility-ready, and respecting the reduced motion mode. The number can be counted up or down.<\/p>\n\n<p>This block performs one simple job: animating numbers. You can combine it with other blocks to fit any design.<\/p>\n\n<h3>Key features<\/h3>\n\n<ul>\n<li>It can be counted up or down depending on the start value and the real value<\/li>\n<li>SEO and Accessibility ready - Screen readers will read the actual number value, not the animated one.<\/li>\n<li>It can be fit in any design<\/li>\n<li>Highly customizable with a large range of options like duration, separator, decimal, etc.<\/li>\n<li>You can animate it one time or multiple times whenever the block appears in the viewport<\/li>\n<li>You can provide a prefix and\/or a suffix value<\/li>\n<li>The animated effect will not be shown in the reduced motion mode<\/li>\n<\/ul>\n\n<p>Please take a look at <a href=\"https:\/\/boldpatterns.net\/keywords\/number?utm_source=wp.org&amp;utm_campaign=readme&amp;utm_medium=link&amp;utm_content=Counting+Number+Block\">these custom block patterns<\/a> that use this block to see how it can be applied to real-world sites.<\/p>\n\n<p>If this plugin is useful for you, please do a quick review and <a href=\"https:\/\/wordpress.org\/support\/plugin\/counting-number-block\/reviews\/#new-post\">rate it<\/a> on WordPress.org to help us spread the word. I would very much appreciate it.<\/p>\n\n<h3>Other plugins<\/h3>\n\n<p>Please check out my other plugins if you're interested:<\/p>\n\n<ul>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/content-blocks-builder\">Content Blocks Builder<\/a><\/strong> - Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/display-a-meta-field-as-block\">Meta Field Block<\/a><\/strong> - A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/svg-block\">SVG Block<\/a><\/strong> - A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/icon-separator\">Icon separator<\/a><\/strong> - A tiny block just like the core\/separator block but with the ability to add an icon.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/breadcrumb-block\">Breadcrumb Block<\/a><\/strong> - A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/block-enhancements\">Block Enhancements<\/a><\/strong> - Adds practical features to blocks like icons, box shadows, transforms, etc.<\/li>\n<li><strong><a href=\"https:\/\/wordpress.org\/plugins\/better-youtube-embed-block\">Better YouTube Embed Block<\/a><\/strong> - A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.<\/li>\n<\/ul>\n\n<p>The plugin is developed using @wordpress\/create-block. The source code is in the trunk branch.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"why%20and%20when%20would%20you%20need%20this%20plugin%3F\"><h3>Why and when would you need this plugin?<\/h3><\/dt>\n<dd><p>If you want to highlight your numbers, you could use this plugin to make a counting effect.<\/p><\/dd>\n<dt id=\"does%20it%20fit%20in%20my%20design%3F\"><h3>Does it fit in my design?<\/h3><\/dt>\n<dd><p>Absolutely! It is super simple. It only animates the number, you can put it in any layout blocks.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.3<\/h4>\n\n<p><em>Release Date - 07 May 2026<\/em><\/p>\n\n<ul>\n<li>Improved - Updated inspector control style<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<p><em>Release Date - 11 February 2026<\/em><\/p>\n\n<ul>\n<li>Fixed    - Delay not working<\/li>\n<li>Fixed    - Missing default value that caused an invalid content issue<\/li>\n<li>Improved - Upgraded the CountUp script<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<p><em>Release Date - 11 January 2026<\/em><\/p>\n\n<ul>\n<li>Improved - Replaced classnames with clsx<\/li>\n<li>Improved - Handling of the frontend script when hosts or cache plugins defer or delay it.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<p><em>Release Date - 30 June 2024<\/em><\/p>\n\n<ul>\n<li>Improved - Support accessibility for the actual value<\/li>\n<li>Improved - Don't animate the number in the reduced motion mode<\/li>\n<li>Added    - Support clientNavigation interactivity<\/li>\n<li>Added    - Allow editing content attributes from the block toolbar<\/li>\n<li>Improved - Refactor the code<\/li>\n<li>Updated  - Tested up to WP 6.6<\/li>\n<\/ul>\n\n<h4>1.0.7<\/h4>\n\n<p><em>Release Date - 10 August 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Add a CSS class named <code>is-number-animating<\/code> when it's counting<\/li>\n<li>DEV - Show the <code>startVal<\/code> at the beginning<\/li>\n<li>DEV - Refactor code<\/li>\n<\/ul>\n\n<h4>1.0.6<\/h4>\n\n<p><em>Release Date - 22 March 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Make the block animate the trailing zero in decimal places<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<p><em>Release Date - 31 January 2023<\/em><\/p>\n\n<ul>\n<li>DEV - Add settings for disabling grouping, grouping separator, decimal separator<\/li>\n<li>DEV - Add more typography settings<\/li>\n<li>DEV - Add keywords for blocks<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<p><em>Release Date - 16 October 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Refactor code to allow animate the number both scroll up &amp; down<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<p><em>Release Date - 16 September 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Change textdomain<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<p><em>Release Date - 20 July 2022<\/em><\/p>\n\n<ul>\n<li>FIX - Allow animating decimal numbers<\/li>\n<li>FIX - Animate on load<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<p><em>Release Date - 13 July 2022<\/em><\/p>","raw_excerpt":"This block provides an animated counter effect for numbers. It\u2019s fast, lightweight, SEO-friendly, accessibility-ready, and fits any design.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/160022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=160022"}],"author":[{"embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/mr2p"}],"wp:attachment":[{"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=160022"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=160022"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=160022"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=160022"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=160022"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fr-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=160022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}