BrokBuddy – Real Estate Flutter App UI Template for Buyers, Sellers and Brokers

44 screens. Three roles. Light and dark themes. English and Arabic with full RTL. Figma source included.

A complete Flutter UI template for a real estate marketplace where buyers find homes, sellers list their property and brokers manage listings, leads and ads. Run flutter pub get, hit run, and every journey is browsable in a couple of minutes, from onboarding and sign-up to property details, chat with offers, broker verification, the broker dashboard and paid promotion, with no backend or configuration required.

Live demo: brokbuddy-addaa.web.app

Demo Instructions

Sign-in is simulated, so login accepts any well-formed input. You can explore every screen in the live demo or on your device:

Login: any valid email (for example demo@example.com) and any password, then tick the Terms box
Sign up: any name, a valid email, a phone number with 6 to 15 digits and a password of 8 or more characters
OTP code: any 6 digits (for example 123456), then choose Buyer, Seller or Broker
Broker verification: fill the three steps with any values, then tap Simulate Approval (Demo) on the review screen to open the broker dashboard, or Simulate Rejection (Demo) to see the rejected state

You can also tap Explore App on the onboarding screen to browse as a buyer. In Profile, the Broker Mode switch changes between the buyer and broker apps instantly, and you can switch the theme (System, Light, Dark) and the language (English, Arabic).

Why BrokBuddy

Runs out of the box. Demo repositories power every screen, so no server, database or credentials are needed to explore the app.
Three roles in one app. Buyers, sellers and brokers each get their own flows, and brokers get their own bottom navigation with a dashboard, listings and an Add New button.
Figma source included. The full Figma UI kit is in the package, and the colour, spacing and type tokens in the code are centralised so the app is easy to restyle.
Feature-first architecture. Each of the 16 feature modules owns its screens, widgets, models and data, and 75 reusable widgets are shared from one folder.
Clean, tested codebase. 405 Dart files, passing flutter analyze with zero issues under the strict very_good_analysis rules, plus 40 tests including layout checks in both themes, both languages, phone and tablet sizes and large text.
Built for real APIs. Data access sits behind repository classes with async methods, and data screens already have loading, empty and error states with Retry, so connecting your endpoints changes method bodies only.

44 Screens

Start and Access: Splash, Onboarding, Login, Sign Up, OTP Verification, Select Role

Discovery: Home, Search with filters and history, Map (Google Maps with property markers), Map Search, Property Details, Project Details, Agent Details sheet

Chats: Chats, Chat Details, Broker Chat Details with offers (accept, reject, revise, deal done)

Account: Profile, Edit Profile, Saved Properties, Subscription, Manage Subscription, Help and Contact, Privacy Policy, Terms and Conditions, Theme and Language pickers

Tools: EMI (loan) Calculator with yearly breakdown

Seller Verification: Seller Profile, Identity Proofs

Broker Verification: Overview, Personal Identity, Identity Proofs, Professional License, In Review, Rejected

Broker Tools: Dashboard, My Listings, Broker Property Details and Project Details with Insights, List Property and List Project wizard (Details, Facilities, Photos, Pricing), Promote Property (Select Listing, Audience, Budget, Ad Published)

Features

Buyer, seller and broker roles, with a Broker Mode switch in Profile
Light and dark mode from a centralised colour token system, following the system setting or the user’s choice, saved between launches
English and Arabic with full right-to-left support; new languages are added with one JSON file and one line of code
Phone and tablet layouts, and support for large system text
Home with search, property categories, sponsored carousel, popular properties and top projects
Search with history, filter sheet and results; map tab with custom property markers (Google Maps)
Property and project details with gallery, price, features, facilities, agent card and Enquire Now
Chats with search, unread counts and offer cards for price negotiation
Seller verification and a 3-step broker verification with document upload from the device
Broker dashboard with stats, a weekly overview chart and recent activity
My Listings with properties and projects, listing insights, update, hide and delete actions
4-step List Property / List Project wizard with location, facilities, photos and pricing
Promote Property flow with audience, budget slider and campaign dates
Subscription plans (monthly and yearly) and Manage Subscription screens
EMI calculator with loan overview and yearly breakdown
Current location and address lookup, country code picker for phone numbers
40 named GetX routes declared in one file, with role-aware navigation helpers
75 reusable shared widgets and design tokens for colours, spacing, radius and text styles
Montserrat font bundled for offline use
Android and iOS configured, release signing pre-wired
Web build with a phone frame on wide screens, ready to host as a live demo

Requirements

Latest stable version of Flutter (stable channel) with Dart 3.12.2 or newer
Android Studio or VS Code
Xcode (latest stable) with CocoaPods for iOS builds
Optional: your own Google Maps API key for the map tab

Tech Stack

Flutter (latest stable) / Dart · GetX (routing, translations) · shared_preferences · flutter_svg · google_maps_flutter · widget_to_marker · geolocator · geocoding · file_picker · country_code_picker · firebase_core (optional, off by default) · very_good_analysis

What You Get

Full Flutter source code for Android, iOS and Web
Figma design source file (the full BrokBuddy UI kit)
All image, icon and font assets
Localization files for English and Arabic
40 tests
Step-by-step documentation with screenshots and key user flows, offline (HTML and PDF)

Documentation

The download includes offline documentation in HTML and PDF (Documentation/). It covers:

Getting started, step by step for non-technical buyers and developers: installing Flutter and an editor, opening the project, running it on an emulator, a phone or the web, and building a release
Customise: app name, package name / bundle identifier, colours, fonts, logo, launcher icon, splash screen, translations, adding a language and demo data
Third-party services: where to get a Google Maps key, the exact file and line to put it in, how to enable Firebase, and the usage costs to expect
Simulated features: which flows are demos and how to connect a real backend
Screenshots and key user flows of the main screens, in light, dark and Arabic right-to-left
Project structure, architecture, adding a screen, release signing, tests, troubleshooting and credits

Important Note

BrokBuddy is a UI template / front-end app kit. It does not include a backend, admin panel, database, payment gateway, chat server or live API. All content is served from local demo data so every screen is browsable immediately. The data layer is separated behind repository classes, making it straightforward to connect your own API.

Sign-in, sign-up, OTP, broker and seller verification reviews, subscriptions and payments, ad budgets and chat messages are simulated: nothing is sent to a server and nothing is charged. Social login buttons and some actions that need a backend show a “Demo” notice.

Third-Party Services and Costs

Google Maps: the Map tab and Map Search use Google Maps and need your own Google Maps API key (Android, iOS and web keys go in one file each, as described in the documentation). Without a key the app still runs, but the map shows no tiles. Google Maps Platform requires a billing account and may charge you for usage beyond its free tier.
Firebase (optional): firebase_core is included but turned off by default, and no feature depends on it. If you enable it, you use your own Firebase project, which may incur usage costs.

No API keys are included, and any service costs are your responsibility. The template itself runs without any API keys.

AI Disclosure

AI-assisted tools were used during the development of this item, to help write and review parts of the code and the documentation. Everything was reviewed, tested and finalised by our team. The app itself has no AI-powered features and sends no data to any AI service.

Credits

Montserrat font by The Montserrat Project Authors, SIL Open Font License 1.1 (license file included)
Material Icons by Google, Apache License 2.0
Open-source Flutter packages listed in the Tech Stack (MIT and BSD-3-Clause licences; details in the documentation)
Property and avatar photos are placeholders for the demo only; replace them with images you own before publishing

Changelog

Version 1.0.0 – Initial release

Support

Item support is provided in line with Envato’s Item Support Policy. If you have a question before or after purchase, get in touch through the item support tab.

If BrokBuddy helped you ship faster, a rating is genuinely appreciated. Thank you for your support!

BrokBuddy | Real Estate Flutter App UI Template for Buyers, Sellers and Brokers