AI nutrition app UI kit with Figma + React Native source.
> CHOOSE A LICENSE
CompareDODO PAYMENTS CHECKOUT · SIGN IN REQUIRED
Complete Figma fileEvery screen and component
Lifetime updatesEvery version included
14-day guaranteeRefund if it doesn’t work
Screens
Overview. 54 Figma screens with Expo and React Native source included.
React Native source. Expo, TypeScript, app flows and integration boundaries.
What’s included. 54 screens, 299 components, 33 variant sets and 117 variables.
Screen preview. Welcome, Today dashboard and meal estimate.
Components. Controls, macro cards, tags and navigation.
Organized layers. Screens grouped into 11 flows.
Style guide. Original teal, SF Pro and liquid glass.
Variants. Primary, secondary, text and danger buttons.
Overview
Calory pairs an editable Figma UI kit with an Expo / React Native TypeScript front end for a nutrition tracking app. Its 54 high-fidelity screens cover 11 flows: onboarding, Today and diary, meal logging, food input, estimate review, Explore, dining out, insights, habits, profile and subscription UI.
The Figma file contains 299 component definitions, 33 variant sets and 117 variables, with original teal, SF Pro, Phosphor icons and liquid-glass navigation. The source includes screens, shared controls, theme tokens, image assets, a dependency lockfile and setup documentation. Figma component counts are separate from React components and app routes.
The app is a front-end starter with sample nutrition data. Camera and photo-library integration code, Open Food Facts search and barcode lookup, and platform speech entry are included. Voice needs a native development build; hardware features require device permissions and validation. AI photo inference, menu OCR, production authentication, store billing, health integrations and backend storage need your own services. Most app state resets on reload.
Figma + app sourceEditable design plus an Expo / React Native TypeScript front end.
54 screens, 11 flowsOnboarding, diary, logging, estimates, dining out, insights and account flows.
Meal entry flowsCamera, manual entry, voice and barcode UI, with platform integration notes.
Under the hood
V1.1.0
Oct 28, 2026
V1.0.0
Oct 26, 2026
Licensing
| License | Personal | Commercial | Agency |
|---|---|---|---|
| Personal, learning & prototypes | ✓ | ✓ | ✓ |
| Commercial use | — | ✓ | ✓ |
| Client projects | — | 1 | Unlimited* |
| SaaS & paid end-user products | — | ✓ | ✓ |
Reviews
No reviews yet. Bought it? Be the first.
Bought it? Sign in to write a review.
Need help choosing a license or checking what is included?
Still unsure? Email usA ZIP containing the editable Figma file, Expo / React Native TypeScript front-end source, assets, setup documentation and third-party notices, plus a license key. Open Downloads from your account to access the files in the Dodo customer portal.
Your accountDESIGN AND ENGINEERING STUDIO
Reviewable estimatesPortion, ingredient and assumption review screens with sample nutrition data.
Reusable design system299 Figma component definitions, 33 variant sets and 117 variables.
Setup documentationWeb, iOS and Android setup, integration boundaries, asset credits and dependency notices.
| Complete Figma file | ✓ | ✓ | ✓ |
|---|
| React Native front-end source | ✓ | ✓ | ✓ |
|---|
| Lifetime updates | ✓ | ✓ | ✓ |
|---|
| Technical support | 3 months | 6 months | 12 months |
|---|
| Redistribute or resell the kit | — | — | — |
|---|
* Agency covers unlimited client projects delivered by your own team under fair use. It never allows reselling or redistributing the source as a template, kit or source product.
Personal: Personal projects, learning and prototypes. Commercial: One commercial product or client project. Agency: Unlimited client projects under fair use.
Full license termsYes. Every license includes lifetime updates. Download the current Figma and source package through your account’s Downloads button.
Technical support lasts 3, 6 or 12 months depending on your license, and can be extended. Support tickets are opened from your account.
Support policy14-day technical guarantee: if the product materially does not work as described and our support cannot resolve it, you are eligible for a refund.
Refund policyiOS macOS + Xcode for the simulator, Figma Free plan or higher, Fonts System fonts; SF Pro rights where required, Android Android Studio + emulator or device, Node.js 22.13+ (22.22.1 recommended).
The source is a front-end starter with sample nutrition data. AI photo inference, menu OCR, production authentication, store billing, health integrations and backend storage need your own services. Most app state resets on reload. Voice entry requires a native development build; camera, speech and notifications need device permissions and validation on your target devices.
