---
title: "Weekly Metrics — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ahmet Loca · Cards. Weekly Metrics is a Framer analytics component for dashboards, SaaS pages, and reports."
canonical: "https://framer.elliotli.dev/component/weekly-metrics"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Weekly Metrics

# Weekly Metrics

Track weekly KPIs with live charts

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

![Weekly Metrics preview image 1](https://framer.elliotli.dev/og/component/weekly-metrics/f58b6669c9214df0/1600x1200.jpg)

## Summary

Weekly Metrics is a Framer analytics component for dashboards, SaaS pages, and reports.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**About Weekly Metrics**

Weekly Metrics is a Framer analytics component for dashboards, SaaS pages, and reports. It shows three KPI cards—Sales Revenue, Average Order Value, and Total Visitors—with this-week vs last-week comparison, hover tooltips, and animated line charts that stay readable from desktop to mobile.

Interactive hover tooltips for Monday–Sunday values • Smooth or straight line styles with gradient area fill • Ghost comparison line for the opposite week • 1, 2, or 3 visible cards from Demo Mode or property controls • Compact, Default, and Detailed density • Auto-calculated percent change and compact numbers (K / M) • Count-up value animation with static-renderer safe fallback • Stacked mobile layout below a custom breakpoint • Grouped theme and per-card controls: titles, prefixes, colors, data • Accessible labels, keyboard chart navigation, and indexable metric text • Works out of the box — paste weekly data, publish

**Use Cases**

SaaS product dashboards and admin previews

Ecommerce sales and AOV highlight sections

Startup landing pages with traction metrics

Investor updates and pitch-site snapshots

Marketing reports and campaign recap pages

Analytics, CRM, and fintech product sites

Agency case studies with before/after weeks

Newsletter or blog posts that need live-looking KPIs

Portfolio sites for product and data designers

**Keywords**

weekly metrics, kpi cards framer, sales revenue chart, average order value, total visitors widget, this week last week, interactive line chart, dashboard component framer, hover tooltip chart, sparkline cards, analytics cards, saas metrics section

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

-   All · #6348

## Details

- **Author**: Ahmet Loca
- **Price**: $3.00
- **Published**: 2026-08-27
- **Updated**: 2026-09-30
- **Added**: 2026-08-27
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards