Skip to content
nexubDesign System
v2.4.0

Examples

Web dashboard

A payments dashboard built only from public exports of @nexub/react and @nexub/patterns, with Tailwind utilities on colour roles and no custom CSS: AppHeader, NavigationRail, PageHeader with a SplitButton, a BentoGrid of animated StatCards and a chart on the --color-chart-* palette, a DataTable with Amount and status badges, a RadioCard plan picker, undoable toasts and an assistant panel. Switch the direction to check it right to left.

Overview

October 2026 · All figures in USD

Monthly revenue
$68,420
+11.4%vs last month
Active customers
1,284
+32vs last month
Net revenue retention
104.2%
+1.8 ptsvs last month
Average order
$53
−2.1%vs last month

Revenue

  • 2026
  • 2025

Plan

Changes apply at the next billing date.

Recent transactions

AmountActions
Aisha Rahman2026-10-21Paid$1,290.00
Kenji Watanabe2026-10-20Pending$349.50
Lucía Fernández2026-10-20Failed$89.00
Omar Haddad2026-10-19Refunded−$240.00
Priya Natarajan2026-10-18Paid$4,800.00

Assistant

Hi! Ask me about this month’s revenue, churn or failed payments.