VSCode Icon

File

Edit

View

Go

Run

Terminal

Help

Anis Zouaghi - Portfolio

home.jsx

home.jsx

resume.html

resume.html

projects.py

projects.py

contact.yml

contact.yml

papers.json

papers.json

github.md

github.md

BankIt — Retail Banking UI Kit

A comprehensive Flutter UI kit for retail banking applications, showcasing production-ready interface components with BLoC/Cubit state management, Material 3 design system, persistent dark mode, and complete banking flows including account management, bill payments, transfers, and an interactive ATM/branch map powered by OpenStreetMap.

BankIt — Retail Banking UI Kit screenshot

Context

Open-source Flutter UI kit (MIT license). The interactive demo runs the full Flutter UI in the browser with fictional data that resets on every refresh.

Highlights

  • Account overview with a swipeable debit/credit card carousel and an animated transaction feed.
  • Banking services: bill payments, internal/external/international transfers, financing products and account requests.
  • ATM and branch locator on an interactive OpenStreetMap map (flutter_map), with detail panels and tiles that follow the app theme.
  • Light and dark themes persisted with HydratedBloc; the web demo swaps in in-memory storage so nothing is saved.

Tech stack

FlutterBLoCCubitMaterial-3Design-SystemHydratedBlocDark-Modeflutter_mapOpenStreetMapUI-Kit

More projects