---
title: "AnimatedStats — Free Framer component · Best of Framer"
description: "Free Framer component · by Spyridon Merkouris · Interactive. What it does AnimatedStats lets you display impressive numbers and metrics with polished count-up animation."
canonical: "https://framer.elliotli.dev/component/animatedstats"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/AnimatedStats

# AnimatedStats

Animated metric counter block

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

![AnimatedStats preview image 1](https://framer.elliotli.dev/og/component/animatedstats/9e173ebc8f9afd49/1600x1200.jpg)

## Summary

What it does AnimatedStats lets you display impressive numbers and metrics with polished count-up animation.

## Description

### **What it does**

**AnimatedStats** lets you display impressive numbers and metrics with polished count-up animation. Use it for growth numbers, revenue, users, views, clients, conversion rates, years of experience, completed projects, or any other key statistic. Each stat can include a label, animated number, prefix, suffix, description, custom timing, and optional highlight styling.

### **Features**

Supports one or multiple stat items with editable label, start value, end value, prefix, suffix, decimal places, description, custom duration, custom delay, and highlight toggle. Numbers animate from start to end when the stat enters the viewport. Includes easing options: linear, ease-out cubic, ease-out quart, and ease-in-out cubic. Supports number stagger delay across multiple stats, trigger threshold, trigger once or replay behavior, and animation enable/disable control. Prefixes and suffixes can animate separately using fade-up, mask, blur, or scale reveal styles. Description text can reveal by word or letter, also using fade-up, mask, blur, or scale animation. Description and affix reveal timing can happen immediately or after the number finishes counting. Includes decimal place control, default decimals, optional thousands separators, affix scale, and affix spacing. Layout supports fit or fill sizing, desktop and tablet column controls, mobile single-column behavior, left/center/right alignment, optional stat cards, card background, card border, card radius, padding, gap, max width, component background, component radius, and component padding. Typography controls include separate number and description fonts, number size, description size, responsive scaling with frame size, number color, prefix/suffix color, and description color. Respects Framer static rendering, disabled animations, and users who prefer reduced motion.

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

-   All · #4627

## Details

- **Author**: Spyridon Merkouris
- **Published**: 2026-06-16
- **Updated**: 2026-06-16
- **Added**: 2026-06-16
- **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