Orbit UI

Finance Dashboard

PRO

Tablero financiero: cifras principales, flujo de caja, distribucion de gastos y movimientos recientes. Compone earnings-chart, radial-chart, bar-list y stage-bars sobre una grilla que se reordena en mobile.

npx orbitui-cli add finance-dashboard

Finanzas

Enero – agosto 2026 · actualizado hace 4 min

Ingresos

$445.000

vs. período anterior14.2%
Egresos

$298.000

vs. período anterior6.1%
Margen neto

$147.000

vs. período anterior21.8%
Runway

18 meses

vs. período anterior3.4%

Flujo de caja

$147.00021.8%

Neto acumulado del período

  • Ingresos
  • Egresos

Gastos por categoría

Últimos 30 días

$44.000gastado
  • Nómina$28.40065%
  • Infraestructura$9.20021%
  • Marketing$4.1009%
  • Herramientas$1.8004%
  • Otros$5001%

Movimientos recientes

  • VercelInfraestructura · 5 sep−$1.240,5
  • Cliente Aurora SAIngreso · 4 sep+$18.400
  • FigmaHerramientas · 3 sep−$180
  • Cliente DeltaIngreso · 2 sep+$9.600
  • AWSInfraestructura · 1 sep−$3.820,4

Clientes por facturación

Año en curso

  • Aurora SA
    $128K29%
  • Delta Group
    $96K22%
  • Otros 14 clientes
    $94K21%
  • Nimbus Labs
    $75K17%
  • Vértice Studio
    $51K12%

Props

PropTipoDescripción
classNamestring—

Qué instala

Archivo
components/orbit/templates/finance-dashboard.tsx
Componentes
avatar, bar-list, card, chart-card, chip, cx, earnings-chart, radial-chart, segmented-control, stage-bars, stat-card
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.