Use MUI for UI Toolkit
Status: {status} Last Updated: {date}
| Software Version | Link |
|---|---|
| 5.10.x | https://mui.com/ |
Context and Problem Statement
We need a modern ui toolkit that implements a design system to unify the BagsID experience.
Decision Drivers
- Uses Material
- Implemented in React
- Mature
Considered Options
- MUI (https://mui.com)
- AntD (https://ant.design/)
- FluentUI (https://developer.microsoft.com/en-us/fluentui)
- FastDesign (https://www.fast.design/)
Decision Outcome
Chosen option: MUI due to the broad options
Consequences
- Version 5 is Material 2 and NOT Material 3, this means we'll have to update when we want to adopt Material You.
Validation
UX/Design signoff.
Pros and Cons of the Options
MUI
- Good, because it is the #1 framework in React
- Good, because of our familiarity with the library
- Bad, because depending on widgets needed, we might have to buy/license MUI (could complicate since we are wanting to use for everything)
AntD
- Good, because it is designed for enterprise applications
- Bad, because it we are unfamiliar with it
FluentUI
- Bad, because it's Microsoft
Fast Design
- Good, because of its modern design goals
- Bad because it is not yet mature enough