Overview of Viva Connections Extensibility
Developers can extend Microsoft Viva Connections for building engaging experiences with the widely adopted SharePoint Framework (SPFx). Viva Connections is your gateway to a modern employee experience where you can build and integrate apps that shape culture and foster connections to help employees thrive. With SPFx, you have multiple ways to extend – using the same out-of-the-box or custom SPFx web parts, SPFx extensions (e.g. header, footer), and specific components for optimized mobile experiences.
To learn more about Microsoft Viva Connections, see Microsoft 365: Developer Blog - Announcing upcoming Microsoft Viva Connections public developer preview.
Viva Connections is available as both a desktop via the installable Microsoft Teams client as well the mobile app. Both of these experiences, desktop & mobile, leverage the SPFx for all customizations and extensibility opportunities.
Viva Connections desktop experience
The Viva Connections desktop experience is implemented using SharePoint modern pages in SharePoint Online. Developers use the SPFx to customize modern pages in SharePoint using client-side web parts and extensions.
Viva Connections dashboard & mobile experience
The Viva Connections dashboard & mobile experience can be extended and customized using Adaptive Card Extensions (ACEs). Developers must use the SPFx create custom ACEs enabling customized experiences in Viva Connections dashboards and the Viva Connections mobile app.
To learn more about creating ACEs, see the following tutorial: Build your first SharePoint Adaptive Card Extension.
The SPFx v1.13 introduced support for building solutions to customize and extend Microsoft Viva Connections. To learn more about SPFx v1.13, including prerequisites & how to install it, see: SharePoint Framework v1.13 release notes.
This version is currently available as a public beta made available for testing.
For production environments, we recommend using the SPFx version referenced on Set up your SharePoint Framework development environment.
Start building for Microsoft Viva Connections
Once you've completed the prerequisites, start creating your first Adaptive Card Extension (ACE) in the following tutorials: