Counter
The Counter Block is a dynamic element designed to display growth or milestones by counting up to a specific number. This animation triggers when the block enters the user’s viewport, creating an engaging visual effect.
Settings ⚙
General
- End Number: Define the target number where the counter should stop. This represents the final achievement, such as “Total Clients” or “Projects Completed.”
- Animation Duration: Set the duration (in milliseconds) for the animation to complete. This determines the speed of the count; a shorter time creates a fast, energetic tally, while a longer time offers a more dramatic build-up.
Style ◑
Typography
- Font Family & Size: Select the typeface and scale that best matches your site’s design system.
- Font Weight: Control the thickness (e.g., Bold for emphasis or Light for a modern look).
- Colors
- Text Color: Set the color for the counter digits.
Demo
0