Circle Counter
Highlight key metrics with numbers displayed inside animated circles.
Number Affix
Add a prefix and suffix to the number and customize them with typography and text shadow settings.
Text
Add text above the number and customize it with typography and text shadow settings.
Icon
Add an icon above the number and customize it with options such as color, size, background, border, and rotation.
Number Visibility
Show or hide the number inside the circle.
Alignment
Align the circle counter to the left, center, or right.
Alignment: Left
Alignment: Center
Alignment: Right
Gap
Customize the spacing between the number, text, and icon.
Affix Spacing
Customize the spacing between the prefix, number, and suffix.
Animation Duration
Control how long the counter takes to reach the target number.
Duration: 1000ms
Duration: 3000ms
Number Text Styling
Customize the number with full text styling controls, including font family, weight, size, color, styles, line height, letter & word spacing, and text shadow.
Circle Styling
Control the circle size, background color, filled and unfilled stroke colors, stroke thickness, and line cap style.
Explore More Blocks
Build Stunning Content With Page Builder
30-day money back. Free lifetime updates