Overview

Metric Counter is a lightweight, highly customizable Forge component that displays animated numeric KPIs such as totals, growth figures, revenues, counts, and performance metrics. It helps developers create modern, dashboard-ready metric cards without writing custom JavaScript or CSS.

The component animates numbers smoothly from a start value to a target value, giving users an engaging and professional dashboard experience.

Key Features

• Animated Counting

  • Smooth number animation from StartValue to EndValue

  • Configurable animation duration

• Flexible Formatting

  • Supports integers and decimals

  • Optional prefix and suffix (₹, $, %, +, etc.)

  • Thousand separators support

• Highly Customizable UI

  • Custom font size and font weight

  • Configurable text color and background color

  • Optional icon support (Font Awesome / OutSystems icons)

• Performance Friendly

  • Pure client-side execution

  • No server calls

  • Optimized for repeated dashboard usage

• Responsive by Default

  • Works perfectly on desktop, tablet, and mobile

  • Ideal for KPI cards and summary tiles

Key Features

• Animated Counting

  • Smooth number animation from StartValue to EndValue

  • Configurable animation duration

• Flexible Formatting

  • Supports integers and decimals

  • Optional prefix and suffix (₹, $, %, +, etc.)

  • Thousand separators support

• Highly Customizable UI

  • Custom font size and font weight

  • Configurable text color and background color

  • Optional icon support (Font Awesome / OutSystems icons)

• Performance Friendly

  • Pure client-side execution

  • No server calls

  • Optimized for repeated dashboard usage

• Responsive by Default

  • Works perfectly on desktop, tablet, and mobile

  • Ideal for KPI cards and summary tiles

Use Cases

• Dashboard KPIs (Revenue, Users, Orders, Sales)

• Admin panels and analytics screens

• Real-time counters and summary widgets

• Home page highlights

• Management reports and monitoring screens