=== Counters Block – Animated Number Counters for Stats and Goals === Contributors: bplugins, abuhayat, charlescormier, asadsuzan, freemius Donate link: https://www.buymeacoffee.com/abuhayat Tags: block, counter, animated counter, stats, number counter Requires at least: 6.5+ Tested up to: 7.0 Stable tag: 2.0.6 Requires PHP: 7.1 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html A great way to display numbers in a fun and interesting way. == Description == Counters Block lets you display statistics, milestones, and achievements using smooth animated number counters in the Gutenberg editor. Perfect for showcasing business stats, KPIs, goals, achievements, subscribers, followers, sales numbers, or any key metric that deserves attention. With multiple modern counter layouts, powerful animation controls, and full responsive settings, you can create engaging counter sections without writing any code. Whether you’re building a landing page, portfolio, dashboard, or stats section, Counters Block gives you complete control over layout, animation, typography, and styling β€” all inside the block editor. **[View Live Demos](https://bblockswp.com/demo/counters-block-all/)** ==πŸ’‘ Use cases:== - Company statistics & achievements - Sales, growth & performance metrics - Portfolio highlights - Milestones, goals & KPIs - Social proof counters == Features == = Themes & Layouts = - 16 ready-made counter themes (13 premium + 3 free) - **NEW:** Circular Progress Counter - Multiple modern layouts with one-click theme switching - Fully responsive grid-based layout - Responsive column control (desktop, tablet, mobile) - Custom column and row gap control = Counter Items = - Add unlimited animated counters - Per-counter background customization - Per-counter border control (theme-based) - Per-counter shadow and hover shadow (premium themes) - Per-counter width and height control = Number Animation Types = - Classic number animation - Rolling number animation - Bounce animation - Fade animation - Slide animations (Up, Down, Left, Right) - Pulse animation - Flip animation - Typewriter animation = Animation Triggers = - Trigger animation when visible (default) - Trigger animation on page load - Trigger animation on click - Trigger animation on hover - Custom trigger using CSS selector (ID or class) = Animation Controls = - Global animation duration control - Global animation delay control - Per-counter stagger delay - Repeat animation on scroll - Reverse count support - Rolling stagger modes (per counter, per digit) = Easing Options = - Linear easing - Ease-in easing - Ease-out easing - Ease-in-out easing = Number Formatting = - Start and end number control per counter - Prefix support before number - Suffix support after number - Thousands separator support (Coma & Space) - Decimal number support (global) - Smooth animated decimal transitions = New Circular Progress Counter (Theme 15) = - SVG-based animated circular progress counter - Ideal for percentages, milestones, and KPIs - Adjustable circle size (radius control) - Customizable progress ring thickness - Progress color, track (stroke) color & inner fill color controls - Fully responsive and theme-aware = Icon Features = - Custom icon support. ( Font Awesome, Bootstrap, Lucide) - Icon position control (top or inline with label) - Icon size & color controls - Icon background control (premium themes) - Icon background & container styling (premium) - Icon bounce animation on counter completion (premium) = Typography & Content = - Responsive typography for numbers - Primary label & optional sub-label support - Responsive label & sub-label typography - Label & sub label's visibility & color controls = Container Styling = - Global counters background & padding controls - Text alignment control - Optimized Gutenberg editor experience == How to Use == 1. Install and activate the **Counters Block** plugin. 2. Open the Gutenberg editor in your WordPress dashboard. 3. Add the **Counters Block** from the block inserter. 4. Customize counters, animations, icons, and layouts using the right-side settings panel. 5. Publish your page and enjoy smooth, animated counters πŸŽ‰ ***Need help installing? Check the Installation tab for step-by-step guidance.*** == Free vs Premium == Includes everything needed to build professional animated counters = Free Version = - Unlimited counters - 3 free counter themes - Fully responsive grid layout - Responsive column controls (desktop, tablet, mobile) - Number formatting & classic animations - Icon support & typography controls = Premium Version = Unlock advanced animations, premium themes, and enhanced styling - 12 premium counter themes - Advanced number animations (Rolling, Bounce, Flip, Typewriter, etc.) - Advanced counter designs including Circular Progress Counter (Theme 15) - Advanced animation triggers & easing options - Per-counter shadows, borders & hover effects - Icon backgrounds & container styling - Priority updates & premium support == Feedback & Support == Did you find a bug or have a feature request? πŸ“§ [Send feedback](mailto:support@bplugins.com) Support forum: https://wordpress.org/support/plugin/counters-block/ ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. == Installation == = From Gutenberg Editor: = 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Counters Block** 3. Click on the **Counters Block** to add the block = Download & Upload: = 1. Download the **Counters Block** plugin (*.zip file*) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`counters-block.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! = Manually: = 1. Download and upload the **Counters Block** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress = Is Counters Block free? = Yes. The plugin includes free features with optional premium themes. = Does it work with any WordPress theme? = Yes, it works with all standard WordPress themes. = Is it responsive? = Absolutely. All layouts and typography are responsive. = Can I use multiple counters on one page? = Yes, unlimited blocks and counters are supported. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/counters-block/) == Screenshots == 1. Default Counters 2. Theme 1 3. Theme 2 4. Theme 3 5. Theme 4 6. Theme 5 7. Theme 6 8. Theme 7 9. Theme 8 10. Theme 9 11. Theme 10 12. Theme 11 13. Theme 12 14. Theme 13 15. Theme 14 16. Theme 15 17. All Themes == Changelog == = 2.0.6 – 7 April 2026 = * **Fix**: Resolved license activation check issue by improving class existence validation. * **Update**: Improved Inspector Controls for a more intuitive and user-friendly experience. = 2.0.5 – 16 Feb 2026 = * Update: Redesigned and modernized admin dashboard interface. = 2.0.4 – 16 Feb 2026 = * Fixed issues in editor-only Theme Switcher UI. * Improved Popover-based theme switching stability. * No frontend changes (editor-only fix). = 2.0.3 – 7 Feb 2026 = * Enhanced the Theme Switcher UI for the Counter block (editor-only). * Theme selector now opens in a Popover for a cleaner experience. * Popover automatically closes when clicking outside. * Improved theme selection interaction and visual feedback. * No changes to frontend output. = 2.0.2 – 5 Feb 2026 = * Added Theme 15: Circular Progress Counter. * SVG-based animated circular progress ring. * Added controls for circle size, ring thickness, and line caps. * Added progress, track, and fill color customization. * Improved layout settings placement for faster theme switching. = 2.0.1 – Minor Release = * Ensured responsive column settings (Desktop / Tablet / Mobile) now apply correctly across the block. * No breaking changes β€” existing blocks continue to work as expected. = 2.0.0 – Major Release = * Added 15 counter themes (12 premium + 3 free) * Multiple new animation types and triggers * Advanced animation controls & easing options * Per-counter styling (background, shadow, sizing) * Improved Gutenberg editor experience * Performance and rendering optimizations = 1.1.4 - 4 Nov 2025 = * Fix Issues * Update Icon Library v7.1.0 = 1.1.3 - 17 Feb 2024 = * Improve security = 1.1.2 - 3 Oct 2024 = * Fix pattern issue = 1.1.1 - 6 May 2024 = * Add separators in the number. * Update icon library = 1.1.0 = * Fix script not loaded = 1.0.9 = * Counter starts when visible = 1.0.8 = * Reduce asset loads = 1.0.7 = * Add translate feature = 1.0.6 = * Fix HTML Render = 1.0.5 = * Reduce PHP Code * Performance Improvement = 1.0.4 = * Reduce PHP Code * Typography fix = 1.0.2 = * Performance upgrade = 1.0.1 = * Fix text-align * Performance Upgrade = 1.0.0 = * Initial Release. == Upgrade Notice == = 2.0.4 = Fixes issues in the editor-only Theme Switcher UI. = 2.0.2 = New Theme Alert! Version 2.0.2 introduces Theme 15: a fully customizable, SVG-powered Circular Progress Counter. You can now adjust ring thickness, size, and colors directly in the block settings. We've also streamlined the sidebar layout to make switching between your favorite themes faster than ever. = 2.0.1 Fix responsive layout control = 2.0.0 = This is a major update with new counter themes, animation types, and settings.