Counting Number Block

Created by: Phi Phan

Rating:
Downloaded: 5k times

Let’s make your numbers stand out by animating them while still keeping them SEO-friendly and accessibility-ready. The number can be counted up or down.

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 – A tool to create blocks, patterns or variations easily for your site directly on the Block Editor.
  • 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.
  • 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.
  • 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.

Screenshots

    Categories

    Get New Themes & Resources