About this Template

Calorio is a comprehensive calorie tracker, nutrition, and fitness app template built with Flutter, made for founders, startups, and developers who want to launch a complete health and wellness product fast. It packs 150+ screens & components covering the full journey — from food logging and barcode scanning to water, weight, and step tracking, recipes, progress analytics, and a premium paywall — and it’s ready to publish on the App Store and Google Play.

The template handles daily calorie budgets, macro breakdowns, meal logging, hydration, body metrics, and a full recipe discovery experience in one cohesive product. Backed by best UI/UX practices and tested on real devices, it’s ready to launch out of the box.

Key Features

  • Calorie Dashboard – Daily ring tracker showing calories eaten, burned, and remaining, with carbs/protein/fat macro bars and a weekly date selector.
  • Food & Meal Logging – Log Breakfast, Lunch, Dinner, and Snacks with per-item calorie counts, detailed macros, minerals, cholesterol, sodium, and adjustable serving sizes.
  • Barcode / Scan to Add – “Scan me” food recognition to quickly add items to your diary.
  • Water Tracker – Animated hydration progress with daily goals, switchable cup sizes, drink types (coffee, tea, juice, etc.), reminders, and intake history.
  • Step Counter – Daily step goal gauge with stats (distance, calories burned) and history.
  • Weight & BMI Tracking – Weight trend charts, BMI calculator with health-range indicator, and weight intake history.
  • Progress Analytics – Daily/Weekly/Monthly bar and line charts for calories, water, steps, and weight.
  • Recipe Hub – Discover and favorite recipes by category and diet (Vegetarian, Vegan, Low Carb, Keto, High Protein), with energy-value filters and full recipe detail pages.
  • Advanced Filters – Filter meals and diets by type with a rich filter sheet.
  • Social / Friends – Compare progress with friends from the profile.
  • Premium Paywall – Annual/Monthly upgrade with unlimited meal tracking, personalized plans, and macro breakdowns.
  • Payments & Account – Mastercard, Visa, and saved payment methods, plus profile and preference management.

Screens Included (150+)

  • Onboarding / Start Journey • Home Dashboard • Food Detail & Nutrition • Add Meal • Barcode Scan • Breakfast / Lunch / Dinner / Snacks Logging • Tracker Hub • Water Tracker • Switch Cup Size • Drink Types • Water History • Step Counter • Step History • Weight Tracker • Update Weight • BMI / Edit BMI • Weight Intake History • Progress (Daily / Weekly / Monthly) • Calorie / Water / Step Charts • Recipes (Discover / Favorites) • Recipe Categories & Diets • Recipe Detail • Filter Sheet • Profile (Me / My Friends) • Preferences • Reminder Settings • Premium Paywall • Payment Methods — and 150+ in total.

Design & Style

Calorio runs on a vibrant green and acid-lime palette with clean white cards, blue hydration accents, orange activity rings, and crisp data visualizations for a modern, energetic health-app feel. It ships with both light and dark mode for seamless design across user preferences. The design suits calorie counters, nutrition and diet apps, fitness trackers, water reminders, and recipe apps. Fully responsive layouts and pixel-perfect components make customization fast and effortless.

Built with Flutter – AI-Editor Friendly

Calorio is built with clean, well-structured Flutter & Dart code that’s easy to read, extend, and theme. It’s fully compatible with modern AI development tools including Cursor, Claude, Codex, Antigravity, and FlutterFlow — the codebase is organized so AI-assisted editing and rapid iteration just work out of the box.

What You Get

  • 150+ screens & reusable components
  • Clean Flutter (Dart) code
  • Best-practice UI/UX
  • Light & dark mode
  • AI-editor friendly structure
  • Tested on real devices
  • Technical support included
  • Easy theming & customization

Launch your own calorie tracker app faster with Calorio — a professional Flutter template engineered for speed, scalability, and conversions.

Flutter calorie tracker template, Dart nutrition app, FlutterFlow fitness app, calorie counter app template, diet tracker Flutter, water tracker UI kit, recipe app source code, step counter Flutter, dark mode Flutter template, health app template, mobile app template

Calorio - Calorie Tracker App Template

What's included
Framework:
Flutter 3.24+ / Dart
Platforms:
iOS & Android
Compatibility:
Cursor, Claude, FlutterFlow, Codex, Antigravity.
Design system:
Editable Figma file included
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.