---
title: "Formatted Counter — Free Framer component · Best of Framer"
description: "Free Framer component · by Rain Ruan · Interactive. Animated counter with formatting"
canonical: "https://framer.elliotli.dev/component/formatted-counter"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Formatted Counter

# Formatted Counter

Animated counter with formatting

[View on Framer](https://framer.com/marketplace/components/formatted-counter/?via=elliot-li)

![Formatted Counter preview image 1](https://framer.elliotli.dev/og/component/formatted-counter/dd6e70346b07d1d4/1600x1200.jpg)

## Summary

Animated counter with formatting

## Description

While most counters display raw numbers (e.g., 10000), this component automatically formats them with **thousand separators** (e.g., 10,000), making it perfect for financial dashboards, statistics, and analytics sections.

Designed for high-end production sites, it includes built-in tabular-nums support to ensure the text width remains stable during animation—no more jittering layouts.

## Key Features:

-   **Smart Formatting:** Automatically adds commas as thousand separators (e.g., 1,234,567).
    
-   **Decimal Control:** Precise control over decimal places (0 to 4 digits).
    
-   **Stable Animation:** Uses tabular-nums font variant to prevent character width jitter during counting.
    
-   **Scroll Triggers:** Options to auto-start when in view, loop animations, or reset when re-entering the viewport.
    
-   **Custom Easing:** Choose from Linear, Ease, Circ, and Back easing effects to match your brand's motion feel.
    
-   **Canvas Optimized:** Shows the final End Value while editing in Framer, so you always know what your design looks like (no more waiting for animation in the editor).
    

## Controls:

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-u686t2wq-F4wKemRLlcu0dmmbKjedGySD3qoLJC)

Perfect for showcasing revenue, user counts, download stats, or any data that deserves to be read clearly.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5971

## Details

- **Author**: Rain Ruan
- **Published**: 2026-01-21
- **Updated**: 2026-01-20
- **Added**: 2026-01-02
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase