Introduction
Welcome to Mihr UI — a collection of Flutter components built on a token-based design system with 30+ color palettes, 100+ semantic tokens, and production-ready widgets.
What is Mihr UI?
Mihr UI is a comprehensive Flutter design system built with ThemeExtension and Material 3. Just add the package and build.
Skip months of design and development with pixel-perfect, production-ready components. Mihr UI is built with Dart 3.x and Flutter's latest theming system — fully null-safe and tree-shakable.
Tech stack
We've kept the stack minimal so you can focus on building. Mihr UI is powered by:
Flutter
v3.x
Dart
v3.x
Material 3
Latest
ThemeExtension
Type-safe tokens
Features
Mihr UI provides a complete design foundation for Flutter apps of any scale:
30+ color palettes — 12-shade scales for brand, gray, error, warning, success, and 17 accent families. WCAG-validated.
Dark mode ready — every token maps to light and dark. Switch themes without touching component code.
Typography scale — 11 sizes from Display 2xl to Text xs, 4 weights. Consistent hierarchy across your app.
100+ semantic tokens — text, background, border, foreground, and alpha colors. Fully type-safe via ThemeExtension.
Production components — buttons, inputs, badges and more. Auto-adapt to brand color and theme.
How is this different from a library?
Unlike traditional widget libraries, you don't manually style every widget. Change one seed color and all components and screens update consistently.