Simple Counter

Simple Counter animates a number from a start value to an end value. Use it for a labelled statistic with optional prefix, suffix, and number formatting.

Add and configure Simple Counter

1. Click Add, choose Simple Counter, and place it in the container.
2. Set Content > Counter > Title, Start, and End.
3. Configure Prefix, Suffix, Duration, Ease Count, and number-formatting options.
4. Choose HTML Tags, then style Wrapper, Typography, and Spacing.
5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Counter

Setting	Purpose and options	Behavior
Title	Item title.	Shared
Prefix	Enter the prefix.	Shared
Suffix	Enter the suffix.	Shared
Start	Set the numeric start value.	Shared
End	Set the numeric end value.	Shared
Duration	Duration and unit.	Shared
Ease Count	On/off.	Shared
Format Number	On/off.	Shared
Separator	Space, Dot, Comma. When: Format Number is set.	Shared
HTML Tags > Title	div, h1, h2, h3, h4, h5, h6.	Shared
HTML Tags > Number	div, h1, h2, h3, h4, h5, h6.	Shared

Design > Wrapper

Setting	Purpose and options	Behavior
Content Alignment	Left, Center, Right;.	Responsive
Background	Color or supported fill.	Shared
Width	Width.	Responsive
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls

Design > Typography

Setting	Purpose and options	Behavior
Number	typography controls.	See linked controls
Prefix	typography controls.	See linked controls
Suffix	typography controls.	See linked controls
Title	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Below Number	Below number and unit.	Responsive
Around Number	Around number and unit.	Responsive
Wrapper	spacing controls.	See linked controls

Troubleshooting