---
title: "Revenue Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Animotion Studio · Cards. This Revenue Card gives you a clean, ready-to-use metric display with a bar chart, trend indicator, and date range label — built…"
canonical: "https://framer.elliotli.dev/component/revenue-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Revenue Card

# Revenue Card

Conversion-ready dashboard widget

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

![Revenue Card preview image 1](https://framer.elliotli.dev/og/component/revenue-card/f89194cf5a53f845/1600x1200.jpg)

## Summary

This Revenue Card gives you a clean, ready-to-use metric display with a bar chart, trend indicator, and date range label — built for SaaS dashboards, admin panels, and product…

## Description

Stop rebuilding the same analytics widget for every client dashboard. This Revenue Card gives you a clean, ready-to-use metric display with a bar chart, trend indicator, and date range label — built for SaaS dashboards, admin panels, and product analytics pages.

Both **dark and light mode** versions are included, so it drops into any project without needing a rebuild. Every value — the metric label, amount, trend percentage, chart data, and colors — is fully **customizable** directly in Framer, no code required.

**What's inside:**

-   Revenue/metric card with trend badge and date range chip
    
-   Bar chart with hover states
    
-   Light mode and dark mode variants
    
-   Fully editable text, numbers, and colors
    
-   Responsive layout
    

**Good fit for:**

-   SaaS and product dashboards
    
-   Admin panel mockups
    
-   Analytics and reporting sections
    
-   Freelancers and agencies building client dashboard demos
    

Drop it into your canvas, swap in your own numbers, and it's ready to ship.

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

-   All · #5519

## Details

- **Author**: Animotion Studio
- **Price**: $5.00
- **Published**: 2026-08-22
- **Updated**: 2026-08-22
- **Added**: 2026-08-22
- **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