About this Component
Add animated numbers to your Framer site with smooth, customizable counting transitions. Nice Counter lets you create clean counters for stats, pricing, metrics, dashboards, landing pages, and product sections — without writing any code.
Choose between Smooth and Odometer modes, control the start and end values, set duration and delay, and trigger the animation when it enters the viewport. You can also customize decimals, separators, prefixes, suffixes, alignment, font, colors, and looping behavior directly from the properties panel.
Features
Two animation modes: Smooth and Odometer
Count from any number to any target value
In-view trigger support
Adjustable duration and delay
Multiple easing presets
Decimal support
Custom number separator
Prefix and suffix options like $, %, +, or k
Optional loop and reset behavior
Text alignment controls
Font and color customization
Optional mark styling
Lightweight Framer code component
How to use
Drop the component onto your page, set your From and To values, then choose the animation style that fits your design. Use prefixes, suffixes, separators, and decimals to format the counter exactly how you need.
Perfect for animated stats, revenue numbers, user counts, performance metrics, social proof sections, and SaaS landing pages.
