FinFlow is a complete financial dashboard template built for products that need to display data beautifully. It ships with a login system, 20 pages, 10 reusable components, and a mobile bottom-nav layout that feels like a native app.
Screenshots
Pages
- 20 pages: Dashboard, Analytics, Wallet, Invoices, Goals, Reports, Calendar, Tasks, Team, Notifications, Settings, Login/Register, Help, Getting Started, Tutorials, API Docs, Changelog, Privacy, Terms, 404
- Login system with password strength meter and auth guard
- Interactive modals (Create Invoice, Invite Member, New Task)
Design & Features
- Desktop sidebar + mobile bottom tab bar with iOS-style bottom sheet
- Token-based dark mode with anti-FOUC
- Chart.js lazy-loaded only on chart pages
- 10 reusable UI components (Button, Card, KpiCard, BarList, DataTable, StatusBadge, etc.)
- Toast notification system
- Fully responsive bento grid (12-col desktop, 2-col mobile)
Tech
- Astro 7 (static output, zero JS framework)
- Vanilla JS (~37KB, no React/Vue runtime)
- CSS custom properties design system
- Cloudflare Pages deployment