Flutter Flutter UI

Blood Bank App UI Template in Flutter

About this project

BloodLink is a Blood Bank Management app UI template built with Flutter. It shows how an app can connect blood donors, recipients, and blood banks, with mock authentication, emergency requests, donor search with filters, a stock dashboard, and campaign listings. Everything runs on simulated data, so the full UI and navigation flow can be explored without any backend. It supports light and dark themes and follows a feature-first clean architecture.

Key Features

  • Mock login and signup (any credentials work)
  • Emergency blood requests with urgency levels
  • Donor search with blood group and radius filters
  • Dashboard with blood stock and donation statistics charts
  • Blood drive and campaign listings
  • Light and dark mode

Development Process

Generated the screens and layouts with AI

Technologies & Frameworks

FlutterRiverpodGoRouterFlChartShimmer

Architecture & Libraries

Feature-first Clean Architecture (auth, donor, inventory, requests, campaigns), Riverpod for state management, GoRouter for navigation

Need something similar?

Farhan Saeed · Available for new projects