Stats

Revenue Dashboard with Line Charts

Client revenue dashboard with a 30-day, 90-day or 12-month toggle and four metric cards, each with a total, change badge and recharts line with tooltip. Requires recharts 3.8.0.

The source comes with full access.

One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.

Installation

pnpm dlx shadcn add @01orbital/revenue-dashboard-01
npx shadcn add @01orbital/revenue-dashboard-01
yarn shadcn add @01orbital/revenue-dashboard-01
bunx --bun shadcn add @01orbital/revenue-dashboard-01

Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).

It lands at components/blocks/stats/revenue-dashboard-01/index.tsx, as source you own and edit.

Usage

import RevenueDashboard01 from "@/components/blocks/stats/revenue-dashboard-01"

export default function Example() {
  return <RevenueDashboard01 />
}

Dependencies

npm: @phosphor-icons/react, recharts@3.8.0. The CLI installs them for you.

Registry pieces it installs with it:

  • badge
  • card
  • chart
  • font-geist-mono
  • toggle-group