Nebula UI
Introduction
IconLabelColorsTypography
Button
AlertBadgeBannerLoaderProgress BarEmptyTooltip
HeaderNavbarSidebarTabsPaginationBreadcrumbSeparator
AvatarModule BoxChartsColor CardsTableSliderCalendar
Text InputPassword InputTextarea InputCheckboxSwitchRadiogroupSelectorSearch BarDatepickerFile Upload
DropdownPopoverDialogTourDrawerAccordion
Overview
Design Themes

Nebula UI Library

v1.0.0

Mode

Tu Nave
Inicio
Cobrar
Detalles
Negocios
Promociones
Los pagos con tarjetas de débito se acreditarán a lo largo del día
Estamos resolviendo un problema y las acreditaciones pueden tardar un poco más de lo normal.

Total neto de ventas

$32.045.668,02

+10% que el último mes

Total bruto

$38.211.412,12

Impuestos (17,5%)

-$3.500.000,00

Costos servicio (7,5%)

-$1.500.000,00

Tenemos las mejores promociones para tu comercio

10% de descuento para clientes Galicia
Beneficio disponible en compras seleccionadas.
Promo Galicia
9 cuotas sin interés para todas tus ventas
Activa cuotas y aumenta conversion en el local.
Promo 9 cuotas
12 cuotas sin interés para todas tus ventas
Campaña especial para ventas de mayor ticket.
Promo 12 cuotas

Acreditaciones

Total pendiente

$1.321.123,44

Próximas acreditaciones

Lunes 1/12
Lo recibirás hoy$1.340.000,50
Martes 2/12$550.998,10

Medios de pago más usados

51%

Tarjeta de débito

40%

Tarjeta de credito

9%

Transferencia bancaria

Datos de tus clientes

Edad promedio

26 - 35 años

Gasto promedio por compra

$12.021,35

Frecuencia de compra

3 veces por semana

Género

Femenino55%
Masculino40%
Otros5%

Zona de mayor residencia

CABA - Almagro

Últimos movimientos

Ronda Dot

20 Dic · 18:32

$32.850,10

Creado

Ronda Alto Palermo

19 Dic · 12:10

$1.450,00

Por acreditar

Ronda Dot

19 Dic · 08:21

$98.234,50

Devuelto

Ronda Alto Palermo

19 Dic · 08:01

$2.500,00

Rechazado

Ronda Dot

18 Dic · 19:32

$7.890,12

Acreditado
Empezá a cobrar con Nave Point
Recibí pagos con tarjeta de crédito, débito y QR
Terminal Nave Point

Compras desconocidas

Monto total desconocido

$12.021.412,21

Total de compras desconocidas

31

Ventas con promociones

Monto total

$32.045.668,02

Ventas totales

125

Promociones activas

9 cuotas sin interés para todos los bancos

12 ventas

Más usada

3 cuotas sin interés para todos los bancos

4 ventas

20% de descuento todos los martes

9 ventas

Vence pronto
¡No te pierdas nuestras promos!
para el día de la madre!
Promociones activas

Componentes utilizados

Esta página de ejemplo demuestra cómo estructurar un dashboard moderno con componentes reutilizables y módulos de dominio

useOverviewState

Hook centralizado para estado UI, filtros y colapsables

ThemeProvider

Aplicación dinámica de tokens por theme o channel

OverviewThemeModeBar

Selector de marca + modo de provider

OverviewTopNavbar

Barra superior de navegación desacoplada

OverviewSidebarNav

Navegación lateral colapsable desacoplada

OverviewDocsPanels

Panel de documentación y guía de implementación

ModuleBox

Contenedor base con encabezado

TotalNetoModule

Módulo de KPIs financieros y desglose

ClientesModule

Módulo de insights de clientes con Charts

UltimosMovimientosModule

Módulo de actividad reciente con estados

VentasPromosModule

Módulo de rendimiento de promociones activas

DragSlider

Carrusel de promociones deslizable

Banner

Tarjetas promocionales full y compact

Charts

Visualización de datos de clientes por género

Tabs

Conmutación entre métricas de medios de pago

Badge

Estados y destacados en métricas y listados

💡 Funcionalidad destacada:

  • • Integración con ThemeProvider para aplicar tokens dinámicos
  • • Estado centralizado con useOverviewState + persistencia segura
  • • Arquitectura modular por dominio para escalar sin acoplamiento

Estructura del Layout

Código base para el dashboard con componentes principales