Clinica - Doctor Appointment UI Kit for Flutter

Clinica is a complete patient app for booking doctors and clinics, built in Flutter for iOS and Android. It runs on mock data out of the box, so you can open it, explore every screen, and then connect your own backend by replacing one set of classes.

Try it in your browser: https://demo.oncombalado.net/clinica/

It covers the whole patient journey: onboarding and sign-in, search and filters, specialties, clinics on a map, doctor profiles and reviews, a six-step booking flow (consult type, date, time, patient, review, payment), appointments with reschedule and cancel, chat, video-call screens, prescriptions, documents, lab results with a trend chart, notifications, favorites, family members, and settings. The main screens have loading, empty, error, and offline states.

Screens read from eight repository interfaces through Riverpod providers. Mock implementations with realistic, clearly fictional data are bound in one file; replace them with your own API classes and no screen needs to change. The documentation walks through the swap step by step.

The design system has light and dark themes, three brand presets, and a palette file for your own colors. English and Arabic are included with a full right-to-left layout, and you can add languages with .arb files. Currency, date format, 12/24-hour time, first weekday, and distance unit are settings. Portraits, clinic images, the map, and illustrations are drawn in code, so there are no stock images to license.

What's included

- Flutter project for iOS and Android

- 69 screens and 13 loading, empty, error, and offline states

- Booking flow with consult type, date, time, patient, review, payment, confirmation, and a declined-payment path

- Appointments (upcoming, completed, cancelled), reschedule, cancel, write a review

- Chat with attachments, video lobby, in-call and call-ended screens

- Prescriptions, documents, lab results with a trend chart

- Notifications, favorites, family members, payment methods, settings, help

- Light and dark themes, three brand presets (Evergreen, Harbor, Graphite)

- English and Arabic (595 strings each) with right-to-left layout

- Eight repository interfaces, mock implementations, and one binding file

- Component gallery and state preview screens

- Unit and widget tests

- HTML documentation: setup, architecture, mock-to-API guide, theming, localization, deep links, asset licenses, changelog

- Commercial license (one developer, unlimited end products)

Not included: a backend, real payments, real chat or video calling, push notifications, a maps SDK, a doctor app, or an admin panel. The kit contains no medical content or advice.

Requirements: Flutter 3.44+ (Dart 3.12), Xcode 16+ for iOS, Android Studio with an Android SDK for Android. No API keys or accounts are needed to run the demo.