FlutIoT — Smart Home UI Template Clean Architecture BLoC icon

FlutIoT — Smart Home UI Template Clean Architecture BLoC

Go to Website
Hot or Not
FlutIoT — Smart Home UI Template Clean Architecture BLoC

Description

Build a modern smart-home / IoT app fast. FlutIoT ships a complete flow: glassy onboarding, authentication, dashboard, Rooms & Devices, Device Detail, Scenes/Routines, Automations (IFTTT-style), Schedules, mock Notifications & Activity Log, Energy & Analytics, Gateway/MQTT Setup, Device Pairing, and Profile & Settings.

It follows a production-friendly structure: Clean Architecture + BLoC, DI with get_it, go_router with guards, Material 3 (light/dark), i18n (en/id), and a mock MQTT gateway abstraction you can replace with a real one later.

Key Features

Beautiful UI/UX: Material 3, glassy onboarding, dark/light, responsive. Auth: Email/Password + Google (mock), Forgot Password (dummy). Dashboard: Quick Actions, Recently Active, daily stats. Rooms & Devices: Per-room list/grid; lamp, AC, fan, plug, sensor, camera (dummy data). Device Detail: Power, brightness/speed, mode, target temperature, mini chart & activity log (mock). Scenes/Routines: “Movie Night”, “Sleep”, “Leave Home” — batch device actions. Automations (IFTTT): Time/sensor conditions → device/scene actions, with delay. Schedules: Daily/weekly, repeat days, start/stop. Notifications & Activity Log: Mock events (motion, door, firmware). Energy & Analytics: Daily/weekly/monthly charts (dummy), cost estimate per kWh. Gateway Setup: Choose protocol (MQTT/HTTP placeholder), host/port/topic prefix, mock connection test, real-time status (connected/disconnected). Device Pairing: Choose type, name, room, map MQTT topics, sample JSON payload templates. Settings: Theme, language (en/id), °C/°F, currency, privacy, about.

Tech Stack

Flutter (Material 3, adaptive layout) Clean Architecture + BLoC (flutter_bloc, equatable) Dependency Injection: get_it Routing: go_router + onboarding/auth guards i18n: intl (English/Indonesian samples) Storage: SharedPreferences (mock) Gateway: MQTT (mock) + GatewayClient abstraction (swap for REST/WebSocket)

What You Get

Full source code (organized, production-style structure) Mock data + onboarding assets (smart_home / automation / analytics) Example MQTT topic prefix & mapping “1-Click Run” README (setup, run, Android/iOS build) Sample scenes/automations/schedules

Perfect For

IoT system integrators & smart-home installers Startups/agencies needing a fast MVP Enthusiasts who want great UX + solid architecture

Requirements

Flutter SDK (stable), Android Studio/Xcode (Optional) Local MQTT broker to test connectivity (mock supported)

Support

Template bug-fixes: included Custom features/branding: optional (paid) Real device/broker integrations are out of scope (beyond mock)

FAQ

Do I need a backend? No for the demo. It uses mock data + a mock MQTT flow.

Can it work with Home Assistant? Yes, via MQTT topics you control. Map them to your devices.

Is it production-ready? It’s a template. You’re responsible for security reviews, server-side auth, and encrypted connections before going live.

Can I publish to Play/App Store? Yes—after changing branding, package IDs, icons, and reviewing permissions & performance.

TypeFlutter App
Authorflutfy
Price$15
Sales3
Rating0 (0)
PublishedSep 9, 2025
Last UpdateSep 9, 2025
Compatible SoftwareFlutter 3.x
Demo Urlhttps://drive.google.com/drive/folders/1utGJhoUzrcjiab3MNe5LZW-afp5OSgBj?usp=sharing
Mobile Files IncludedDart, YAML

Categories

Tags

automation rulesclean architecturedevice controlenergy dashboardflutter ui templatehome automationiotmobile app templatemqttschedulessmart homeui kit

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit