SaaS revenue analyticsPro

• 30D / 90D / 1Y trend with comparison
• MRR, ARR, customers, conversion with sparklines
• Revenue by source
• Live transactions feed

• The revenue overview of a SaaS or commerce admin.

• Movement analysis: use revenue breakdown or MRR waterfall.

Import it from @/components/blocks/revenue-analytics after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { RevenueAnalytics } from "@/components/blocks/revenue-analytics";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <RevenueAnalytics />
    </main>
  );
}

• Every KPI states its value and change as text.
• The transactions feed is a list with labelled amounts.

• New transactions slide in; numbers roll on range change.

• KPIs are two columns on phones and four from 1024px.

• Sample data is plain arrays at the top of the file. Replace them with your API data and keep the shapes.

• Prepend new transactions to the feed array from your webhook or event stream; they animate in.