Finance Components
Finance
Treasury moves $7T per day. The interfaces supporting this must be dense, accurate, traceable, and fast. These 160 components — FX, payments, risk, compliance, liquidity, recon — are designed for that context. No consumer aesthetics. Data-dense and precise.
Start here
Data Primitives8
Formatted number display with tabular alignment for financial tables
Change/delta display with severity-based coloring for P&L and returns
High-density data table for treasury positions, risk matrices, and compliance grids
Compliance/regulatory status indicator for filings, KYC, and attestations
Inline proportional bar for ratio visualization in table cells
Inline SVG micro-chart for trend visualization in table cells
Regulatory compliance ratio bar with threshold marker — visualizes LCR, NSFR, leverage ratios against minimum requirements
Directional trend indicator with semantic coloring — shows up/down/flat movement with optional percentage value
Tables & Controls6
Sortable column header with direction indicator for data tables
Expand/collapse cell for hierarchical financial data
Compact pagination for large financial datasets
Filter toolbar with chip toggles for financial data views
Locale-aware date range for settlement windows and reporting periods
Draft/confidential overlay for financial reports and dashboards
Currency & FX6
Currency pair display with mid-rate for FX trading and treasury
ISO 4217 currency code with flag emoji and optional symbol
Bid-ask spread display with basis point calculation and severity coloring
FX rate card with bid/ask, spread, daily change, and sparkline
Responsive grid layout for FX rate cards
FX option pricing summary with Greeks display
Treasury & Cash Management8
Real-time cash position card with per-bank breakdown and intraday flows
Payment lifecycle tracker with maker/checker pipeline and rejection handling
13-week rolling cash forecast with confidence-band bar chart
Cash sweep rule visualization with flow direction, triggers, and execution history
Hourly intraday cash position timeline with bar chart, flow arrows, and alert threshold line
Aggregated position card showing balance, period change, and severity
Recursive liquidity pool tree showing parent-child account balances
Bulk payment/trade execution pipeline with per-item status tracking and failure callouts
Risk & Compliance11
Risk metric display with confidence interval and severity bar
Time-critical alert banner for cutoff warnings and breach notifications
AI-powered counterparty credit risk dashboard with score bands and recommendations
Debt covenant compliance card with threshold vs. current visualization and headroom
Debt covenant compliance dashboard with headroom bars, status badges, and bidirectional threshold support
Value at Risk decomposition by risk driver with contribution bars and diversification benefit
ASC 815 / IFRS 9 hedge effectiveness gauge with 80%–125% corridor visualization
Sanctions and compliance screening results with per-list match scores and overall status
AML/KYC entity screening result with match scores against sanctions and PEP lists
Chronological risk limit breach timeline with severity escalation and acknowledgement tracking
Portfolio maturity distribution with bar chart and bucket details including count, amount, yield
Accounting & Reconciliation9
Hierarchical trial balance with expandable GL account tree, debit/credit/net columns
Reconciliation match funnel showing progressive matching stages and unmatched exceptions
Accounting period close progress with step status, blockers, and deadline tracking
Receivables aging visualization with bucket bars, overdue percentage, and amount breakdown
Dashboard header card for reconciliation status: total items, matched %, open exceptions, oldest break age, and last run timestamp. MetricCard grid with a thin match-rate progress bar at the bottom. Optional refresh callback.
Two-column reconciliation match interface. Left panel lists unmatched items with queue-depth badge; right panel shows ranked match candidates with confidence scores (HIGH/MED/LOW). Match and Reject actions per candidate.
Full-featured reconciliation exception table with type/status/age filters, batch-action toolbar (escalate, resolve, assign), and inline status update per row. Sorts oldest-first by default.
Root-cause analysis panel for a single reconciliation break. Shows break metadata, field-level diff view between internal and counterparty records, a chronological history timeline, and a resolution notes editor.
Time-bucketed aged items table: 0–30 / 31–60 / 61–90 / 90+ day buckets with color-coded aging signals (green → amber → red). Click bucket headers to drill into item-level detail. Sparkline per bucket shows age distribution trend.
Governance & AI Learning6
Maker/checker approval pipeline with 5-step progression and rejection state
Maker/checker approval pipeline with step-by-step status, rejection reasons, and actor attribution
Learning system event list showing CONFIRMS/REFINES/CONTRADICTS signals with confidence deltas
Cross-domain learning multiplier network graph with SVG nodes, weighted edges, and strength legend
Learning system decision test with confidence meter, feedback signal breakdown, and contradiction alerts
Cross-domain learning flywheel health dashboard with loop strength and event activity