Dashboard 33 - Payment volume with card rail

Pro

A payment home with gross and net sparklines, a method mix chart, and a card rail of recent payments.

Shadcn Dashboard 33 block

Component data

ID
dashboard33
Access
pro
Created
Oct 12, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Dashboard 33 block design & features

Dashboard33 is a payment home built with shadcn/ui. The main column opens with the operator name plus pending and settled totals, then sparkline metrics for gross volume and net revenue. Below that is a monthly payment volume chart split into cards, refunds, wallets, and other, with a dispute health panel and a payment method mix beside each other. A side rail switches between a personal card and a corporate card and lists recent payments.

Cards sit on the page background with hairline borders and compact figures. Sparkline strokes use the primary color. Movement chips use a light tint. The card graphic carries a network mark and a muted decorative wash behind the number.

The screen reads as an account view for a processor, with balances, method mix, and the latest movements in one place. Complexity is moderate and mostly chart-driven, and the rail supplies the account identity. It needs volume series, method shares, card details, and a short payment history.

On smaller screens the rail stacks under the main column, and the pending and settled totals stay hidden until there is room for them.