CountUp
An animated number that counts from a start value to an end value. Use it for stats, profit estimates, or any number you want to animate into view.
Insert image: A CountUp component on the canvas displaying an animated dollar amount (e.g., “$1,234”) with prefix and suffix configured in the property panel
Properties
| Property | Type | Description |
|---|---|---|
startValue | number or Liquid string | Starting number. |
endValue | number or Liquid string | Ending number. |
duration | number | Animation duration in milliseconds. |
decimals | number | Number of decimal places. |
prefix | string | Text before the number (e.g., $). |
suffix | string | Text after the number (e.g., %). |
triggerOnVisible | boolean | Start counting when the element scrolls into view. |
startValue and endValue accept Liquid templates. Use this for personalized numbers — for example, endValue: "{{ answers.profitGoal }}" to animate to a user-provided value.
Last updated on