Animations for Blocks vs Counters Block – Animated Number Counters, Stats & Dynamic KPIs

Lightweight plugin that adds additional inspector controls to block editor blocks that allow to animate the block once it becomes visible to the user during scrolling. The controls can be used to select an animation type (fade, flip, slide, zoom), variation (different directions), as well as delay, duration and more advanced settings. Upon changing an option the animation can be immediately previewed in the editor. Demo This plugin uses AOS – Animate on scroll library and adds its’ stylesheet (2.8 kB) and script (5.2 kB) to the front end as well as a script that initializes the animations (1.3 kB).

Counters Block is the ultimate Gutenberg tool for displaying statistics, milestones, and achievements with professional animated number counters. Whether you’re building a business landing page, a portfolio, or a high-converting dashboard, this block helps you showcase social proof and key metrics in a way that captures attention and builds trust. Counters Block | Pricing | Support | Demos 🚀 NEW: Dynamic Data Integration (Premium) Stop manual updates! Counters Block can now automatically fetch and display live data from your site: WooCommerce Stats: Display total Sales, Order Count, Product Count, and Total Customers (Registered + Guests). WordPress Core Stats: Automatically show total Posts, Pages, Comments, and User counts. HPOS Ready: Fully compatible with WooCommerce High-Performance Order Storage. 🎨 Stunning Designs & Animations With 16 modern counter layouts (including the new Circular Progress Counter), powerful animation triggers, and full responsive controls, you have complete creative freedom without touching a single line of code. 💡 Perfect For: E-commerce: Live sales counters & happy customer stats. Agency/Business: Project milestones & team achievements. Blogs/Portfolios: Published post/page counts & subscriber stats. SaaS/Dashboards: Real-time KPI tracking & performance metrics. Features 📊 Dynamic Data Sources (Premium) WooCommerce Stats: Total Sales, Total Orders, Total Products, and Total Customers. Smart Customer Counting: Includes both registered users and guest checkouts. WordPress Stats: Total Posts, Total Pages, Total Comments, and Total Users. Auto-Sync: Data stays fresh and updates automatically. 🎨 Themes & Layouts 16 ready-made counter themes (13 premium + 3 free) NEW: Circular Progress Counter (Theme 15) Multiple modern layouts with one-click theme switching Fully responsive grid-based layout (Desktop, Tablet, Mobile) Custom column and row gap control ✨ Advanced Number Animations Classic, Rolling, Bounce, Fade, and Slide (Up/Down/Left/Right) Pulse, Flip, and Typewriter animations Animation Triggers: On Visible, On Page Load, On Click, On Hover, or Custom CSS Selector. Global & Per-Counter duration, delay, and stagger controls. 🔢 Number Formatting Custom Prefix & Suffix support. Thousands separator support (Comma & Space). Decimal number support with smooth transitions. Smart Sales Formatting: Automatically handles refunds and prevents negative values. 🖼️ Icon & Typography Custom icon support (Font Awesome, Bootstrap, Lucide). Responsive typography for numbers, labels, and sub-labels. Per-counter styling: Backgrounds, borders, shadows, and hover effects. Free vs Premium Free Version Unlimited static counters. 3 professional counter themes. Fully responsive grid layout. Classic animations & icon support. Basic typography controls. Premium Version Live Dynamic Data: WooCommerce & WP Core stats integration. 13 Premium Themes: Including the Circular Progress Counter. Advanced Animations: Rolling, Bounce, Flip, Typewriter, and more. Smart Formatting: Auto-handling of sales/refunds & guest counting. Priority Support: Direct help from our development team. How to Use Install and activate the Counters Block plugin. Open any Page or Post in the Gutenberg editor. Add Counters Block from the block inserter. (Optional) Select a Data Source (Static, WP Core, or WooCommerce). Customize themes, colors, and animations from the settings panel. Publish and watch your stats come to life! 🚀 Feedback & Support Found a bug or have a feature request? We’d love to hear from you! 📧 Send feedback Support forum: https://wordpress.org/support/plugin/counters-block/ Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts.