Back to blocks
table
Block

Revenue Table

Revenue breakdown with MRR/ARR tracking

Installation

npx shadcn add @mylo-ui/table-revenue

Preview

Total MRR

$270K

+18.2%

Total ARR

$3.24M

+22.5%

YTD Revenue

$2.61M

+19.8%

Active Customers

361

+12

Revenue by Product

Monthly recurring revenue breakdown

Product/ServiceTypeMRR% of TotalARRYTDGrowthCustomers
Enterprise License
Subscription
$125,00046.3%$1,500,000$1,250,000
+25.5%
45
Professional Services
Service
$45,00016.7%$540,000$405,000
+15.2%
28
Support Package
Subscription
$28,00010.4%$336,000$280,000
+8.7%
120
Training & Certification
One-time
$15,0005.6%$180,000$135,000
-5.3%
67
Custom Development
Service
$35,00013.0%$420,000$315,000
+42.1%
12
API Access
Usage
$22,0008.1%$264,000$220,000
+68.4%
89

Usage

import { TableRevenue } from "@/components/blocks/table-revenue"

export default function Page() {
  return <TableRevenue />
}

Dependencies

lucide-react

shadcn/ui Components

table
badge