Freshko is a whole grocery purchasing app UI equipment constructed with Flutter, GetX and Materials 3 — 22 polished screens, mild and darkish themes, and a full working purchasing stream on bundled mock information. No backend wanted to run the demo.
Not like the warm-orange food-delivery templates that flood the market, Freshko ships a particular fresh-green grocery design system (grocery-green main, citrus-orange accent, minty off-white background; Sora + DM Sans typography) with each token centralized — re-skin your entire app from one shade file.
Constructed for grocery e-commerce, it has the main points actual grocery store apps want: merchandise are priced and proven by weight or by rely (per kg, every, 500g pack), a devoted Classes / aisles overview for looking the entire catalog, and a supply slot picker at checkout to decide on the day and time window.
Constructed for builders
- Clear GetX structure (View → Controller → Service → Mannequin, lazy bindings per route)
- All demo information in ONE file; three mock providers with
Futuresignatures — exchange the our bodies along with your HTTP calls and also you’re dwell - Each listing ships with skeleton loaders and empty states already wired
- 17 reusable elements, all theme-aware
- One
EmojiThumbwidget renders all product imagery — set animageUrlas soon as to change the entire app to actual images
Full purchasing loop: browse → search and filter → retailer / class product grid → product element (pack dimension and ripeness, measure show) → cart → checkout (addresses, supply slot, coupon, fee) → order success → dwell monitoring timeline → order historical past with reorder.
Options
- 22 screens overlaying the entire grocery purchasing journey
- Mild + Darkish theme, runtime toggle, each palettes in a single file
- Contemporary-green grocery design system (not one other orange supply clone)
- Merchandise priced and proven by weight or rely (per kg / every / 500g pack)
- Classes / aisles overview display for whole-catalog looking
- Supply slot picker at checkout (day + time window)
- Centralized design tokens (colours / fonts / spacing / radii)
- GetX state administration with lazy route bindings
- International cart with badge, merge-by-options logic, single-store guard
- Product element: pack dimension / ripeness choice teams with dwell value calculation
- Checkout: deal with picker, supply slot, fee strategies, working demo coupon
- Order monitoring timeline + order historical past with one-tap reorder
- Handle CRUD with default-address dealing with
- Skeleton loaders and empty states on each listing
- 17 reusable, theme-aware elements (incl. ProductCard, PillChip)
- Mock providers with Future signatures — swap to REST/Firebase quick
- One EmojiThumb widget — set imageUrl to change to actual product images
- Google Fonts: Sora + DM Sans
- iOS and Android, Materials 3, Flutter 3.29+, null-safe, zero analyzer points
What you get
Full Flutter supply code, README with re-theming and API integration information, mock information layer (8 shops, 8 classes, 80 merchandise), mild + darkish themes.
Set up
1. Unzip the package deal 2. cd grocery_ui_kit 3. flutter pub get 4. flutter run
Full re-theming and API integration information included in README.md.
Necessities
Flutter 3.29 or newer. Dependencies: get, google_fonts solely.
This can be a UI equipment / app template with mock information (no backend included) — designed so you’ll be able to plug in your personal API rapidly.

