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.

Extensibility opportunities

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.

To learn more about customizing modern pages in SharePoint with SPFx, see Overview of SPFx client-side web parts & Overview of SPFx 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.

Prerequisites

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.

Caution

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: