Tendora | Flutter Habit Tracker UI Kit

Bluehost Shared Hosting

Tendora is a complete habit tracker app UI kit built with Flutter, GetX and Material 3 — 20 polished screens, light & dark themes, and a full daily check-in flow on bundled mock data. No backend needed to run the demo.

Tendora ships a calm, focused design system — an ink-navy primary, a warm marigold accent, a deep-navy dark theme, Gabarito + Figtree typography and airy outlined cards. Every token is centralized, so you can re-skin the entire app from one color file.

Built around daily check-ins and streaks, it has the screens a real habit app needs:

  • Today check-in list — the day’s habits grouped by part of day, a segmented progress bar, per-habit streaks and a big tap-to-complete check ring.
  • Yearly heatmap — a GitHub-style calendar heatmap on every habit’s detail page, drawn on-canvas with a pure-Dart painter so the kit ships with zero charting dependencies.
  • Streaks & stats — current and best streak, 30-day completion rate, total check-ins, an all-habit heatmap and a streak leaderboard, all computed from the check-in data.
  • Create & manage habits — a full new/edit form (emoji, color, category, days of week, part of day, reminder), a habit catalog with category filters and an archive.

Built for developers:

  • Clean GetX architecture (View → Controller → Service → Model, lazy bindings per route)
  • All demo data in ONE file; mock services with Future signatures — replace the bodies with your HTTP calls and you are live
  • Every list ships with skeleton loaders and empty states already wired
  • Reusable, theme-aware components throughout
  • The yearly heatmap, weekly dots and check ring are custom-painted / pure Dart — no charting package, tiny dependency footprint (get, google_fonts)

Complete habit loop: Today’s check-in list → tap to complete → build a streak → open a habit to see its yearly heatmap → create or edit habits → Stats with the all-habit heatmap and leaderboard → History → an all-done celebration, plus profile and settings.

What you get: full Flutter source code, README with re-theming & API integration guide, offline HTML documentation (all 20 screens, a feature walkthrough, an app-name & bundle-ID guide, a logo & brand-color guide, environment setup and a troubleshooting section), mock data layer (habits, categories, ~14 months of check-in history), light + dark themes.

Requirements: To run and build the source code you need the Flutter SDK (version 3.29 or newer) and Dart 3.7 or newer, together with a Flutter-ready IDE — Android Studio or Visual Studio Code with the Flutter & Dart plugins.

Platforms: Runs on both Android and iOS from a single Flutter codebase (Material 3, null-safe).

Important note on third-party services & external costs: Tendora is a front-end UI kit that runs on bundled mock data. Connecting it to a live back end — such as Firebase, AWS or REST APIs — will involve those third-party services, which will incur their own separate costs and are not included in this item.

0 average based on 0 ratings.

coderqh

coderqh

Visit Author's Portfolio

View Portfolio
Last Update 2026-07-10
Created 2026-07-10
Sales 0
Discussion Comments
Software Version Flutter 3.x
Files Included Dart YAML JavaScript JSON .kotlin .swift
Video Preview Resolution
Search plugins
Browse Categories

Bluehost Shared Hosting