Skip to content

component

Nice Counter

By Ali Çorak

Details

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.

12001400151038/148/228/309/79/15
  • All · #4787