Digital Wallet Home Screen

A mobile-first digital wallet with balance card, quick actions, recent transactions, and savings goals.

Finance & Fintech finance-fintech mobile-first dark-mode charts complex

Prompt

Create a digital wallet home screen:

Header: "My Wallet" + notification bell

Balance card: gradient, total balance (large), card number last 4, card type icon, income/expense mini stats

Quick actions: 4 circular buttons (Send, Receive, Pay, Top Up)

Spending summary: donut or bar chart for this month's categories

Recent transactions (6): merchant icon, name, category, date, colored amount, status badge

Savings goals: 2 progress bars (vacation fund, emergency fund), + Add goal

Bottom mobile nav: Home, Cards, Analytics, Profile

Dark mode default, fintech aesthetic, Tailwind CSS, recharts

Share:Share on X