Have you ever wanted to create a User Interface similar to Microsoft products? Have you heard about Microsoft Fluent UI? In this article, we will see what Fluent UI is and how to integrate it in the React application.

Creating great user experience is never an easy task. So most of the time we prefer to use existing UI frameworks will reduce the time and increase productivity. We know that all the products of Google use a similar design system known as Material Design. So there are a bunch of other systems available like Semantic UI, Ant Design, etc. When we see the Microsoft products like Outlook, Azure, Azure DevOps, etc they all are very nice user interfaces and the UI is consistent as well. So Microsoft Teams created a design system called Fluent Design System which has lots of components, CSS and SASS classes, Icons, etc.

#react #react-native #microsoft