---
title: "Counter"
description: "The Counter element animates a number from a starting value to an ending value with customizable prefix, suffix, and formatting."
canonical: "https://academy.bricksbuilder.io/builder/elements/general/counter/"
markdownUrl: "https://academy.bricksbuilder.io/builder/elements/general/counter.md"
pageType: "article"
section: "builder"
category: "elements"
lastmod: "2026-05-21T13:58:32.000Z"
---
The Counter element animates a number from a starting value to an ending value with customizable prefix, suffix, and formatting.

## Settings

- **Count from** (text) - The starting number for the animation. Default: 0.

- **Count to** (text) - The ending number for the animation. Default: 1000.

- **Animation in ms** (number) - Duration of the counting animation in milliseconds. Default: 1000.

- **Typography** (typography) - Font settings for the counter number.

### Prefix

- **Prefix** (text) - Text displayed before the counter number.

- **Typography** (typography) - Font settings for the prefix text.

### Suffix

- **Suffix** (text) - Text displayed after the counter number.

- **Typography** (typography) - Font settings for the suffix text.

### Separator

- **Thousand separator** (checkbox) - Add thousand separators to the number.

- **Separator** (text) - Character used as the thousand separator. Default: ",". Only shown when "Thousand separator" is enabled.

:::tip[Developer reference]
See the [Counter Schema](/developer/schema/elements/counter/) for the full JSON schema of this element's settings and controls.
:::