Connections · Community sample

Plan Tracker

SharePoint Framework (SPFx) Adaptive Card Extension (ACE) that provides a visually engaging and interactive dashboard for Microsoft Planner with bucket views, task management, and team insights.

Adaptive Card ExtensionReactSPFx 1.21.1

Plan Tracker main dashboard showing Planner buckets and tasks

The idea behind the sample

Plan Tracker is a SharePoint Framework (SPFx) Adaptive Card Extension (ACE) that provides a visually engaging and interactive dashboard for Microsoft Planner. It allows users to view buckets, tasks, project members, and personal assignments in an organized and customizable interface. Tasks can be sorted by priority or due date, and include visual status indicators, inline navigation, and plan-level insights.

Make it your own

Start with the author's setup instructions, explore the implementation, and adapt the pattern to your environment. Sample code stays in its original repository, together with its requirements, license and contribution history.

Read the source documentation

A closer look

Plan Tracker showing task details and status indicators

Plan Tracker My Tasks view for current user

Keep exploring

Viva Connections Extensibility guidance — Adaptive Card Extensions are client-side components that run in the context of a SharePoint page.
Adaptive Card Documentation — Detailed documentation on Adaptive Cards including the Adaptive Card designer.
Adaptive Card Extension Design Guidance — Design guidance for laying out Adaptive Card Extensions.

Transparent by designThe gallery preserves source attribution and known metadata issues instead of silently rewriting them.

View 1 source metadata note

downloadUrl: No download link; derive one explicitly in the future gallery.

View the collected metadata

Keep the ideas flowing

Back to all possibilities