---
title: "Better Counter — Free Framer component · Best of Framer"
description: "Free Framer component · by MASH · Interactive. About Better Counter A counter looks simple until it starts moving."
canonical: "https://framer.elliotli.dev/component/better-counter"
---

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

# Better Counter

Animated numbers

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

![Better Counter preview image 1](https://framer.elliotli.dev/og/component/better-counter/3723a343fab6728d/1600x1200.jpg)

## Summary

About Better Counter A counter looks simple until it starts moving.

## Description

## About Better Counter

A counter looks simple until it starts moving.

Then the hidden problems show up: React re-renders, jumping digits, awkward formatting, and screen readers hearing the animation instead of the result.

Better Counter is built for those hidden parts. It animates through browser animation frames and direct text updates, keeps digits stable, formats the final value, and gives screen readers one clean result.

Built for stats, prices, percentages, and metrics that need clean motion without the mess around it.

## Why Better Counter

-   **No React re-render loop**
    
    The visual number updates with browser animation frames and direct text changes, so React does not re-render every count step.
    
-   **Digits stay stable**
    
    Hidden ghost values reserve width, while padding, grouping, decimals, prefixes, suffixes, and tabular numbers are handled from the controls.
    
-   **Screen readers get one value**
    
    The animated number is hidden from assistive tech, while a separate value exposes the final formatted number.
    
-   **Motion respects context**
    
    Static render, reduced motion, above-fold final mode, and viewport-triggered animation are handled.
    

## Good fit / Wrong fit

-   **Good fit:** stats, prices, percentages, and metrics that need clean motion.
    
-   **Wrong fit:** odometers, show-off animations, or full dashboards.
    

## Contact & Support

Questions about setup, product, or licensing: [alexandre@madebymash.com](mailto:alexandre@madebymash.com)

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

-   All · #2391

## Details

- **Author**: MASH
- **Published**: 2026-06-05
- **Updated**: 2026-10-02
- **Added**: 2026-06-02
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step