Stats Section · Free Data Component
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
Add the component to your page
Set width to Fill
Edit Stats items — value, label, prefix, suffix
Done
Perfect For Landing pages · Portfolios · SaaS sites · Agency sites · E-commerce
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
Add the component to your page
Set width to Fill
Edit Stats items — value, label, prefix, suffix
Done
Perfect For Landing pages · Portfolios · SaaS sites · Agency sites · E-commerce
