CodeCanU
← Back to products
Mobile / Flutter

Tendora | Flutter Habit Tracker UI Kit

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 a…

22.00 USDT

All source code listed on this site is collected from the internet. If any listing infringes your rights, please contact us and we will remove it immediately.

Description

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.

Tendora | Flutter Habit Tracker UI Kit

22.00 USDT
Buy now

After successful payment, you will receive a download link for the source code