Introduction
The MacroMath UI component library — every Flutter component from the app and every Astro component from the website, documented and live.
MacroMath UIMacroMath UI is the component library for the MacroMath platform. It gathers, in one place, every component the product uses — the Flutter app and the website — each with a description, its properties, real code and, where it applies, a live preview in the Widgetbook.
One brand across two surfaces: Poppins, the MacroMath orange and the macronutrient palette.
What's inside
Foundations
The brand palette, the Poppins type scale, spacing, radii, buttons and macro badges.
Components · App
The shared Flutter widgets imported straight from the mobile app.
Components · Web
The Astro sections and UI that make up the marketing site.
Live Widgetbook
The real Flutter widgets, interactive, with knobs and light/dark themes.
Part of the MacroMath family
Same theme as the MacroMath docs and the website. If it changes in the app, it changes here.