yemekCustom Nutrition UI kit

Design-system-first. Presentation-only components with a genuine visual identity — not an extraction of an existing app under a new name.

Getting started

Components

Presentation-only

Components take pre-computed, pre-formatted props and emit plain events. No domain logic, no locale decisions — the consuming app owns both.

Deeply themeable

A single CSS custom-property system (--yemek-*) drives every color, radius, spacing, and motion value. Override at the consumer's root, no build step required.

Nutrition-domain tokens

Zone colors (under/onTrack/over), nutrient colors (protein/carbs/fat/calories/water), and streak-heat tokens — decided ahead of time, not retrofitted per component.

Animated by default

Every state change animates (with a prefers-reduced-motion fallback) — no silent, instant value jumps.