Companion app for the article "The Hidden Costs of Microfrontends Nobody Talks About." Six interactive demos that make the architectural failure modes of microfrontends visible : design token drift, dependency mismatches, shared HTTP coupling, store synchronization issues, and the decision of whether to actually go distributed. No real Module Federation. No real backend. Each demo simulates two or more "microfrontends" inside a single React application so the failure modes stay legible and screenshot-friendly. Why this exists Most microfrontend tutorials stop at loading a remote <HelloWorld /> . The real problems begin when you have 5 teams, 10 microfrontends, a shared design system, drifting versions, and independent releases. This app reproduces those problems on a single laptop, in a single tab. The six demos # Tab What it shows 1 Token drift Two MFEs with their own tailwind.config.js . Different primary, different radius, different scale. Toggle to centralize.…