Freshko | Flutter Grocery App UI Kit

Freshko is a complete grocery shopping app UI kit built with Flutter, GetX and Material 3 — 22 polished screens, light and dark themes, and a full working shopping flow on bundled mock data. No backend needed to run the demo.

Unlike the warm-orange food-delivery templates that flood the market, Freshko ships a distinctive fresh-green grocery design system (grocery-green primary, citrus-orange accent, minty off-white background; Sora + DM Sans typography) with every token centralized — re-skin the entire app from one color file.

Built for grocery e-commerce, it has the details real supermarket apps need: products are priced and shown by weight or by count (per kg, each, 500g pack), a dedicated Categories / aisles overview for browsing the whole catalog, and a delivery slot picker at checkout to choose the day and time window.

Built for developers

• Clean GetX architecture (View → Controller → Service → Model, lazy bindings per route)
• All demo data in ONE file; three mock services with Future signatures — replace the bodies with your HTTP calls and you’re live
• Every list ships with skeleton loaders and empty states already wired
• 17 reusable components, all theme-aware
• One EmojiThumb widget renders all product imagery — set an imageUrl once to switch the whole app to real photos

Complete shopping loop: browse → search and filter → store / category product grid → product detail (pack size and ripeness, measure display) → cart → checkout (addresses, delivery slot, coupon, payment) → order success → live tracking timeline → order history with reorder.

Features

• 22 screens covering the complete grocery shopping journey
• Light + Dark theme, runtime toggle, both palettes in one file
• Fresh-green grocery design system (not another orange delivery clone)
• Products priced and shown by weight or count (per kg / each / 500g pack)
• Categories / aisles overview screen for whole-catalog browsing
• Delivery slot picker at checkout (day + time window)
• Centralized design tokens (colors / fonts / spacing / radii)
• GetX state management with lazy route bindings
• Global cart with badge, merge-by-options logic, single-store guard
• Product detail: pack size / ripeness option groups with live price calculation
• Checkout: address picker, delivery slot, payment methods, working demo coupon
• Order tracking timeline + order history with one-tap reorder
• Address CRUD with default-address handling
• Skeleton loaders and empty states on every list
• 17 reusable, theme-aware components (incl. ProductCard, PillChip)
• Mock services with Future signatures — swap to REST/Firebase fast
• One EmojiThumb widget — set imageUrl to switch to real product photos
• Google Fonts: Sora + DM Sans
• iOS and Android, Material 3, Flutter 3.29+, null-safe, zero analyzer issues

What you get

Full Flutter source code, README with re-theming and API integration guide, mock data layer (8 stores, 8 categories, 80 products), light + dark themes.

Installation

1. Unzip the package 2. cd grocery_ui_kit 3. flutter pub get 4. flutter run

Full re-theming and API integration guide included in README.md.

Requirements

Flutter 3.29 or newer. Dependencies: get, google_fonts only.

This is a UI kit / app template with mock data (no backend included) — designed so you can plug in your own API quickly.