CounterUp
A precision count up with vertical rolling digits, suffix and prefix styling, decimals, commas and smart autoplay in view.
Made with Workshop
Build your own component with AI
Overview
Make your metrics feel alive. This CountUp combines rolling digits with precise counting for a premium, trustworthy feel. Design prefix, value and suffix independently with full typography control or sync them instantly. It handles decimals and commas out of the box and gives you flexible autoplay in view so you can trigger once or every time for dynamic sections and sliders.
Why it is different
• True rolling digits that match the count• Full typographic control for each segment• Reliable number formatting including decimals and commas• Thoughtful play modes that fit real page behavior• Built to be fast and smooth at any size
How to use
Install the component from the Marketplace
Drop it into your canvas
Set start and end values
Choose play mode and duration
Style prefix, value and suffix or enable sync
Preview and publish
FAQ
Does it support decimalsYes. Set decimal Places to the exact number you need.
Can I show commasYes. Toggle use Commas.
Can it animate only onceYes. Use play Mode set to auto or Once. For repeated animation set auto Every View. For full control use manual.
Will it work in sliders or loopsYes. auto Every View is ideal when slides re enter the viewport.
How accurate is the final valueIt always lands on the exact end value, including decimals.
Can I control it with an interactionYes. Use manual playMode and connect a button or scroll action to the exposed Play action.
This component works beautifully for:
Landing Pages: Showcase milestones, revenue, or conversion boosts in a visually stunning way.
Portfolio Sites: Highlight projects completed, clients served, or awards won with engaging counters.
E-Commerce Stores: Show items sold, sales totals, or stock remaining in real-time.
SaaS & Startups: Display KPIs, sign-ups, or performance metrics that update on scroll for maximum impact.
Nonprofits & Campaigns: Animate donation totals, volunteer hours, or social reach in a way that inspires action.
