Animated Counter Tiles

Animated Counter provides a flexible and visually engaging way to display key statistics, achievements, or metrics using animated number counters. The module allows site builders and content editors to create and manage multiple counters through a configurable block, with built-in animation, layout controls, styling options, and live preview.

✨ Features

• Counter Management
  • Add unlimited counters from the block configuration UI
  • Remove counters dynamically
  • Configure value, label, suffix, and animation speed
  • Optional icon support for each counter
  • Live preview inside the admin form
• Animation & Behavior
  • Smooth counting animation from 0 to target value
  • Configurable animation duration (speed)
  • Supports suffixes (%, +, etc.)
  • Scroll-triggered animation (runs when visible)
• Layout & Design
  • Automatic column layout based on number of tiles
  • Admin option to force 2, 3, or 4 columns
  • Equal-height tiles for consistent layout
  • Fully responsive:
    • Desktop: configured layout
    • Tablet: 2 columns
    • Mobile: 1 column
• Style Presets
  • Choose from built-in visual styles:
    • Card
    • Bordered
    • Minimal
• Admin Experience
  • Live preview updates instantly while editing
  • No need to save to see changes
  • Works with Claro and Gin admin themes
• Use Cases
  • Showcase business achievements
  • Highlight KPIs and metrics
  • Display milestones and statistics
  • Marketing landing pages
  • SaaS performance indicators
  • Case study highlights