Counting Number Block

Descriere

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.

This block performs one simple job: animating numbers. You can combine it with other blocks to fit any design.

Key features

• It can be counted up or down depending on the start value and the real value
• SEO and Accessibility ready – Screen readers will read the actual number value, not the animated one.
• It can be fit in any design
• Highly customizable with a large range of options like duration, separator, decimal, etc.
• You can animate it one time or multiple times whenever the block appears in the viewport
• You can provide a prefix and/or a suffix value
• The animated effect will not be shown in the reduced motion mode

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 us spread the word. I would very much appreciate it.

Other plugins

Please check out my other plugins if you’re interested:

• Content Blocks Builder – Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.
• Meta Field Block – 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.
• SVG Block – 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.
• Icon separator – A tiny block just like the core/separator block but with the ability to add an icon.
• Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.
• Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc.
• Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.

The plugin is developed using @wordpress/create-block. The source code is in the trunk branch.