Fintech dashboard
A desktop money overview: balance, cash flow, a saving goal, total balance, spending, payments by hour, recent activity and a watchlist.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add fintech-dashboardAlso works with shadcn:
npx shadcn@latest add @ritla/fintech-dashboard
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The grid, the header and every card follow the reading direction.
- The month charts (cash flow, total balance, spending) run right to left in Arabic, and the saving goal dial fills from the start side.
Does not mirror
- The watchlist sparklines keep time left to right: they show a shape, not dates.
- Balances, prices, tickers and the account number stay one left-to-right run with their sign and currency.
- Numerals
- Amounts, axis values, prices and the heatmap hours follow the numerals setting; JOD shows three decimals.