coderqh

Freshko — Flutter Grocery App UI Kit

A grocery shopping kit that sells by the kilo or by the piece and lets shoppers book a delivery window at checkout.

Freshko — Flutter Grocery App UI Kit

Screenshots from the shipped build; the CodeCanyon page has the full set.

Freshko is built around the details that separate a grocery app from a generic store. Products carry a unit, so bananas show a price per kg, avocados go by the piece and spinach comes in a 500g pack. Shoppers can scan the whole catalog through an aisles overview, pick pack size or ripeness on the product page and watch the price adjust, then choose a delivery day and time slot before they pay.

The rest of the loop is there too: cart, coupon, payment, an order tracking timeline and history with reorder. The visual system is grocery green with a citrus-orange accent on a minty off-white, set in Sora and DM Sans, and every token is centralized so your own brand drops in from one place.

Features

  • Per-product units: priced and labeled per kg, per item or per pack
  • Categories and aisles overview for browsing the whole catalog
  • Delivery slot picker at checkout, by day and time window
  • Product detail with pack size and ripeness options and live price calculation
  • Cart with badge, item merging and a single-store guard
  • Checkout with address, slot, coupon and payment, then a tracking timeline and reorder from history
  • Light and dark themes with a runtime toggle, both palettes in one file
  • Demo catalog of 8 stores, 8 categories and 80 products in one data file
  • Only two dependencies: get and google_fonts

What it looks like

9 images
Freshko green palette, typography and components — Freshko
Freshko green palette, typography and components
Grocery home screens in light and dark theme — Freshko
Grocery home screens in light and dark theme
Aisles overview, product grid and product detail — Freshko
Aisles overview, product grid and product detail
Cart and checkout with delivery slot picker — Freshko
Cart and checkout with delivery slot picker
Order placed and grocery delivery tracking timeline — Freshko
Order placed and grocery delivery tracking timeline
Order history and order detail with reorder — Freshko
Order history and order detail with reorder
Profile, saved addresses and account screens — Freshko
Profile, saved addresses and account screens
Product search with filters and settings — Freshko
Product search with filters and settings
Every Freshko screen on one overview sheet — Freshko
Every Freshko screen on one overview sheet

Who it is for

  • You are building a supermarket, farm shop or quick-commerce app and need the shopper side ready to wire up.
  • You deliver grocery or produce apps for clients and want a base that already handles weights and delivery slots.
  • You want a clean GetX codebase where the service layer is the only thing you replace to go live.

In the box

from the shipped zip
  • Full Flutter source in grocery_ui_kit/, no obfuscation and no licence server
  • Offline HTML documentation: setup, re-theming, app name and bundle id, troubleshooting
  • 4 Dart test files in the app

Run it after download

the app
# unzip the download, then
$ cd grocery_ui_kit
$ flutter pub get
$ flutter run

Setup, including any keys or services the app talks to, is covered step by step in the bundled documentation.

Spec

measured
Screen widgets23
Dart files92
Tests in the package4
Dart SDK^3.7.0
Back endNone bundled; the service layer is where yours goes
PlatformsiOS + Android, one codebase

Counted from freshko-v1.0.zip, the file uploaded to CodeCanyon. Screen widgets are the view, screen and page classes in the source, so the number can differ slightly from a count of routes.

Questions

Something else? Ask on the item's CodeCanyon page; the author answers there.

What is mocked, and where does my backend go?

Stores, products, orders and addresses come from one bundled demo data file through mock services with Future signatures. Point those service methods at your API and the screens keep working unchanged.

Can products show real photos?

Yes. Product imagery is drawn by one thumbnail widget; give products an imageUrl and the whole app switches to your photos.

Does the licence cover building a store for a client?

A Regular licence covers one end product, including one you build for a client.

More UI kits and booking apps

same author
See Freshko on CodeCanyon →

Sold on Envato's CodeCanyon marketplace, which handles payment, VAT, invoices and the download.