Plattora — Flutter Recipe App UI Kit

Name: Plattora — Flutter Recipe App UI Kit
Brand: coderqh
SKU: plattora
Price: 24 USD
Availability: InStock

A recipe app front end with a full-screen cook mode, step timers and a servings scaler that rewrites every quantity.

The live preview on CodeCanyon is this app compiled for the web: the real build, not a video.

Plattora follows a dish from the moment someone spots it to the moment it is plated. The home feed reads like a food magazine, with a featured cover, curated collections and plenty of whitespace in terracotta, herb green and cream. Recipes open on a pastel cover with tabs for ingredients, method and nutrition, and a stepper that recalculates every quantity as the serving count changes.

When it is time to cook, a full-screen mode takes over: one step per page, a segmented bar showing where you are, a countdown for timed steps, a chef's tip and a quick look back at the ingredients. Any recipe can also push its ingredients into a shopping list you tick off, grouped by dish. The timer and the scaler are plain Dart.

Features

Full-screen cook mode with swipeable steps, a segmented progress bar, per-step countdown and chef's tips
Recipe detail with ingredients, steps and nutrition tabs and a live servings scaler
Pantry shopping list filled from any recipe in one tap, grouped by recipe with a progress strip
Magazine-style home feed with a featured cover and curated collections
Category grid and keyword search filterable by time and difficulty, with sort options
Eight royalty-free food photos bundled, each recorded in a licence audit file
Image loading that falls back from network to bundled asset to emoji, never a broken tile
GetX views, controllers, services and models, with all demo content in one file
Light and dark themes defined in a single color file

What it looks like

8 images

Plattora colors, serif headings and component library — Plattora — Plattora colors, serif headings and component library

Cook mode step with countdown timer and progress bar — Plattora — Cook mode step with countdown timer and progress bar

Recipe screens shown in light and dark themes — Plattora — Recipe screens shown in light and dark themes

Recipe detail with tabs and servings scaler — Plattora — Recipe detail with tabs and servings scaler

Magazine home feed, categories and search filters — Plattora — Magazine home feed, categories and search filters

Pantry shopping list grouped by recipe — Plattora — Pantry shopping list grouped by recipe

Onboarding and sign-in screens — Plattora — Onboarding and sign-in screens

Overview sheet of every Plattora screen — Plattora — Overview sheet of every Plattora screen

Who it is for

You are building a recipe, meal-planning or food-content app and want the cooking itself to be the centerpiece.
You have a recipe database or nutrition API and need screens that already know what to do with it.
You design apps for food brands or creators and want an editorial base you can restyle.

In the box

from the shipped zip

Full Flutter source in recipe_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 recipe_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 widgets	16
Dart files	72
Tests in the package	4
Dart SDK	^3.7.0
Back end	None bundled; the service layer is where yours goes
Platforms	iOS + Android, one codebase

Counted from plattora-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.

How do I connect my own recipe data?

Recipes, collections and the pantry come from mock services with Future-returning methods. Replace those bodies with your API calls; the documentation also covers adding authentication headers.

Does the servings scaler work on my data too?

Yes. It rescales the ingredient quantities of whatever recipe is loaded, so it works the same once real recipes arrive.

Can I use it for a client project?

A Regular licence covers one end product, and that can be an app you deliver to a client. Each additional app needs its own licence.

More UI kits and booking apps

same author

See Plattora on CodeCanyon →

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