Marketplace
TemplatesComponentsPluginsVectors

    Weekly Metrics

    Track weekly KPIs with live charts by Ahmet Loca

    Show PreviewBuy for $6
    Weekly Metrics

    About Weekly Metrics

    Live Preview: https://weeklymetrics.framer.website/

    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

    Ahmet LocaAhmet Loca@ahmet-loca
    Published
    Aug 27, 2026
    Updated
    Aug 27, 2026
    License
    Single-Use
    Show PreviewBuy for $6

    Tags

    • Data

    From Ahmet Loca

    Sales Overview
    Sales Overview
    Component·Free
    Basic Radar Chart
    Basic Radar Chart
    Component·Free
    Progress Circle Bars
    Progress Circle Bars
    Component·$5

    Related Components

    Scroll Progress Bar
    Scroll Progress Bar
    Component·Free
    Basic Pie Chart
    Basic Pie Chart
    Component·Free
    ModernCountdownTimer
    ModernCountdownTimer
    Component·Free
    Ahmet LocaAhmet Loca@ahmet-loca
    Published
    Aug 27, 2026
    Updated
    Aug 27, 2026
    License
    Single-Use
    Show PreviewBuy for $6

    Tags

    • Data
    Marketplace
    TemplatesComponentsPluginsVectors
    TemplatesComponentsPluginsVectors