Animated Counter Tiles
Animated Counter is a Drupal module that lets you display numbers with smooth, animated counting effects. You can easily add and configure multiple counters with labels, suffixes, and icons through a block, choosing from different visual styles and layout options. The counters animate automatically when they come into view on the page.
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
- Choose from built-in visual styles:
- 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
Depends on
Dependencies of the latest stable release
- block_animate
- block Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.