component
Nice Counter
By Ali Çorak
Details
- Ali ÇorakAuthor
- componentType
- 2026-06-28Published
- 2026-08-16Updated
- 2026-06-28Added
- InteractiveCategories
Summary
Nice Counter lets you create clean counters for stats, pricing, metrics, dashboards, landing pages, and product sections — without writing any code.
Description
Unlock entire Depth library for $149. One price. Lifetime. Get Depth 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.
Introduction
Free Counter with Nice Controls
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4787