Indigo Fintech Dashboard
A comprehensive financial dashboard overview with rich data visualization.
Features
- 4 stat cards — Balance, transactions, growth, and savings with sparkline charts
- Animated sparklines — SVG paths with stroke-dash draw animation
- Recent transactions — 5 transactions with icons, categories, and timestamps
- Portfolio allocation — SVG donut chart with animated percentage bars
- Grid background — Subtle technical grid pattern
- Monospace data — JetBrains Mono for numbers, Plus Jakarta Sans for labels
- Staggered reveal — Sequential entrance animations
Dependencies
@/components/ui/card — Shadcn Card components@/components/ui/badge — Shadcn Badge@/components/ui/separator — Shadcn Separator@remixicon/react — Icon set
Customization
- Stats: Update statCards array with real financial data
- Transactions: Replace transaction entries with live data
- Allocations: Adjust portfolio percentages and colors
- Fonts: Uses JetBrains Mono + Plus Jakarta Sans via Google Fonts
