Description
Teofin – Nuxt 4 PWA Banking & Finance Template
Teofin – Nuxt 4 PWA Banking & Finance Template is a production-ready Nuxt 4 PWA mobile banking template built for fintech apps, digital banks, and personal finance tools. It comes with 40 screens, a complete payment and card management flow, deposits, loans, statistics with charts, exchange rates, invoice creation, and more — all in a clean, mobile-first design installable on iOS, Android, Mac, and Windows. Stop building from scratch. Launch your banking app in hours.
Why Choose PWA?
- App-like Feel: Fast and smooth, no app store needed.
- Works Offline: Available anytime, even without internet.
- Fast & Responsive: Instant loading, great UX.
- Cross-Platform: One build for all devices.
- No App Store: Use it right from the browser.
Key Technical Features
- Nuxt 4 with Vue 3 and Vite
- TypeScript throughout (.ts / .vue)
- Composition API with <script setup>
- Pinia + pinia-plugin-persistedstate
- @vite-pwa/nuxt — offline support & installable
- Workbox — service worker & caching strategy
- @nuxt/image — automatic image optimization
- @nuxt/fonts — optimized Google Fonts
- SCSS variables — easy template customization
- motion-v — smooth animations
- Swiper — touch-friendly card carousel
- Chart.js — interactive finance charts
- Static JSON mock data — API-ready
- Modular architecture following Nuxt 4 conventions
- Figma source file fully editable
Key UI & Banking Features
- Dashboard with card carousel and recent transactions
- Card details and card menu screens
- Change PIN code flow
- Open new card screen
- Fund transfer between accounts
- IBAN payment flow
- Mobile payment screen
- Generic payment and top-up screens
- Create and send invoices
- Payment success & failed result screens
- ATM withdrawal screen
- Deposits list and open deposit flow
- Loans list and open new loan flow
- Moneybox (savings goal) screen
- Transaction history with detailed transaction pages
- Statistics with interactive Chart.js charts
- Exchange rates screen
- Notifications center
- User profile and edit personal info
