A SharePoint Framework webpart that displays enterprise applications from Microsoft Entra ID (formerly Azure AD) that the current user has access to. This solution leverages the Microsoft Graph API to dynamically retrieve and display Entra enterprise apps with customizable sorting, icon sizes, and the ability to show or hide hidden applications.
MyEnterpriseApps.mp4
The Entra Enterprise Apps webpart provides the following functionality:
- Integration with Microsoft Graph API to retrieve enterprise applications
- Configurable icon sizes (small, normal, large, huge)
- Option to show or hide hidden applications
- Display of Entra ID applications with custom sorting capabilities
- Localization support (English and Dutch)
- Custom property pane configuration for administrators
The webpart can be configured through the property pane with the following options:
- Title: Custom title for the webpart
- Sort Order: Enter app-name keywords (one per line) to prioritize apps matching those terms
- Show Hidden Apps: Toggle to display or hide hidden enterprise applications
- Icon Size: Choose from small, normal, large, or huge icon sizes
Download the latest release or compile the solution (npm run build). The .sppkg file will be in sharepoint/solution/.
Go to the SharePoint admin center → More features → Apps → Open → Upload the .sppkg file. Approve Microsoft Graph permissions (User.Read and Application.Read.All) when prompted.
Upload the new .sppkg file and overwrite the existing one when prompted.
Note: SharePoint add-ins are being retired, but SharePoint Framework (SPFx) solutions like this one are not affected and remain fully supported.
For more information, see the SharePoint App Catalog documentation: https://learn.microsoft.com/sharepoint/use-app-catalog
We welcome contributions from the community! Here are some ways you can help:
- Translations: Help translate the webpart into additional languages. The current supported languages are English and Dutch. If you'd like to contribute translations, please submit a pull request with the updated localization files in the
locfolder. - Feature Suggestions: Have an idea for a new feature or improvement? Please open an issue to share your suggestion. We'd love to hear about features you'd like to see in the Entra Enterprise Apps webpart.
| Solution | Author(s) |
|---|---|
| spfx-my-enterprise-apps-webpart | Dwayne Selsig |
| Version | Date | Comments |
|---|---|---|
| 0.5.0.0 | 2025-12-25 | Initial release |
| 0.6.0.0 | 2026-01-01 | Added Microsoft Apps |
Get your own free development tenant by subscribing to Microsoft 365 developer program
Before getting started, ensure your development environment is properly set up by following the SharePoint Framework development environment setup guide.
Additional requirements:
- Node.js version 22.14.0 or higher (and lower than 23.0.0)
- Appropriate Microsoft Graph permissions configured in the tenant
- Access to a SharePoint site where the webpart can be deployed
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
- Clone this repository
- Ensure that you are at the solution folder
- In the command-line run:
npm install @rushstack/heft --globalnpm installheft start
Other build commands can be listed using heft --help.
To build the solution for production:
npm run build
This solution requires the following Microsoft Graph permissions:
User.Read- To read the current user's profileApplication.Read.All- To read all enterprise applications (requires admin consent)
User.Read is covered by basic sign-in/profile consent; Application.Read.All must be approved by a tenant admin via the API access page or enterprise app consent.
- Getting started with SharePoint Framework
- Building for Microsoft Teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
- Heft Documentation
- Microsoft Entra ID Documentation
Icon from Microsoft Fluent UI System Icons (MIT License)
