Stats Section — Animated counter that counts up on scrol

Stats Section is a fully customizable Framer component that animates numbers when scrolled into view — perfect for showcasing statistics, metrics, and achievements on any landing page.

Key Features

• Scroll-triggered animation with smooth easeOutExpo easing

• Native Framer font picker for number and label typography

• Per-item value, prefix, suffix, and decimal configuration

• 1,000 separator toggle (e.g. 10,000+ vs 10000+)

• Label Case control — None / UPPERCASE / lowercase / Capitalize

• Column Gap & Row Gap — independent spacing control

• Responsive wrap — auto stacks on smaller widths (set width to Fill)

• Per-side padding control (T / R / B / L) - Optional divider lines between items

• Background color and border radius support

Usage

1. Add the component to your page

2. Set width to Fill

3. Edit Stats items — value, label, prefix, suffix

4. Done

Perfect For Landing pages · Portfolios · SaaS sites · Agency sites · E-commerce