A collection of reusable, framework-agnostic UI components and authentication providers for accessing Microsoft Graph.
Microsoft Graph Toolkit is a set of reusable UI components and authentication providers that simplify integrating Microsoft Graph APIs into web applications. It provides pre-built components like login buttons, agenda views, and people pickers that automatically fetch and display data from Microsoft 365 services when configured with an authentication provider. This eliminates the need to write boilerplate code for authentication and data fetching when building apps that use Microsoft Graph.
Developers building web applications that need to integrate with Microsoft 365 services like Outlook, OneDrive, Teams, and SharePoint. This includes developers creating productivity hubs, internal tools, or customer-facing apps that leverage Microsoft Graph data.
Developers choose Microsoft Graph Toolkit because it dramatically reduces the time and effort required to add Microsoft 365 experiences to their apps. Instead of building authentication flows and UI components from scratch, they can use production-ready components that work across frameworks and handle all the complexity of Microsoft Graph integration.
Authentication Providers and UI components for Microsoft Graph 🦒
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Components are built as web components, working seamlessly with vanilla JavaScript, React, Angular, and other frameworks, as emphasized in the README's key features and philosophy.
Includes providers for MSAL2, SharePoint, Teams, Electron, and more, handling OAuth flows and token acquisition automatically, simplifying Microsoft Graph integration.
Offers ready-to-use components like mgt-agenda and mgt-login that fetch and render Microsoft Graph data out of the box, reducing boilerplate code for common tasks.
Provides official React wrappers (@microsoft/mgt-react) for using components in React apps, as highlighted in the packages and documentation sections.
Designed exclusively for Microsoft Graph, making it unsuitable for apps requiring data from other sources or multi-cloud integrations, limiting flexibility.
Relies on web components, which can introduce compatibility issues with certain build tools or frameworks and may have a steeper learning curve for teams unfamiliar with this technology.
Requires installing multiple packages (e.g., mgt-components, mgt-msal2-provider) and careful version alignment, as noted in the preview packages warning, adding setup complexity.