Numbers module

Highlight key statistics with eye-catching animations. Customize columns, display big numbers with titles and descriptions, add prefixes and suffixes, and align them as desired. Perfect for emphasizing important data points on your website.

2 columns of big numbers

125000

Population

331

Population per km²

81.5

years

Life expectancy males

87.6

years

Life expectancy females

6.6

‰

Birth rate

11.7

‰

Death rate

48.6

Males

51.4

Females

4 centered columns with description

13.96

Tokyo

In Tokyo, every corner tells a modern tale amidst skyscrapers and centuries-old traditions.

3.77

Yokohama

Yokohama, where the bustle of the port blends with the serenity of Japanese gardens.

2.75

Osaka

In Osaka, the tempting aroma of street food intertwines with the vitality of its people.

2.33

Nagoya

Nagoya, a city of innovation and craftsmanship, where the past merges with the future at every turn.

1.97

Sapporo

In Sapporo, eternal snow blends with the warmth of its inhabitants, creating a unique and welcoming atmosphere.

1.62

Fukuoka

Fukuoka, gateway to southern Japan, where ancestral culture meets cosmopolitan modernity.

1.47

Kyoto

Kyoto, where ancient temples whisper tales of bygone eras amidst the tranquil beauty of traditional gardens.

1.41

Kawasaki

Kawasaki, a dynamic city pulsating with the rhythms of industry and the charm of local neighborhoods.

3 columns align to right

29.2

Ages 0-14

in 2022

58.45

Ages 15-64

in 2022

11.62

Ages 65+

in 2022

4.65

Ages 0-14

Compared to 2012

3.9

Ages 15-64

Compared to 2012

1.39

Ages 65+

Compared to 2012

Features

Multiple Columns

Display animated numbers in various column layouts. Choose the number of columns that best suits your design, allowing for flexible integration into your webpage's structure.

Big Numbers with Title and/or Description

Showcase impactful numbers alongside titles and optional descriptions. Highlight key statistics or metrics with large, attention-grabbing numerals, complemented by informative titles and additional context if needed.

Add Prefix and Suffix to Numbers

Customize the appearance of your animated numbers by adding prefixes and suffixes. Enhance their meaning or context by incorporating symbols, text, or units before or after the numerical values.

Decide the alignment you prefer

Tailor the alignment of your animated numbers to suit your layout preferences. Choose between center, left, or right alignment options, ensuring seamless integration with your overall design aesthetic and enhancing visual consistency.