Microsoft 365 & Power Platform Community

Copilot UX components

UX in the Copilot canvas

Bring answers, actions, and rich business workflows directly into the Microsoft Copilot canvas with community-built UX components powered by SPFx.

39community components

Sample catalog

Explore components

How to use a sample

Showing 39 components

The DesignShowcase component in Microsoft 365 Copilot in the fullscreen display mode and light theme, with a selected project card and its details
1.24.0-beta.5

Theme and design for the Copilot canvas

A Copilot UX component with sample project cards that follows the Copilot light and dark themes and adapts to the inline and fullscreen display modes.

Compact Personal Links experience showing six temporary demonstration links in a Fluent UI card grid.
1.24.0-rc.0

Personal Links

One UX across Copilot and SharePoint, with cross-device App Folder storage

Microsoft 365 Copilot showing the lists on a SharePoint site in the MyCopilotApp component after the user asked for the lists on the site
1.24.0-beta.5

Lists and items on a site

The tutorial project that shows the lists on a SharePoint site, and the items in the list the user selects, from a site URL the agent passes to the tool.

Governance Risk Advisor executive dashboard — score, executive summary, priority actions, and findings
1.24.0-beta.5

Governance Risk Advisor — Executive Tenant Governance Dashboard

A SharePoint Copilot App (SPFx 1.24 Copilot Component) that turns tenant governance findings into an executive briefing: a governance score with trend, an AI-generated executive summary, prioritized remediation actions, explainable findings, and a tenant-wide insights panel.

Inline Site Snapshot score card in Microsoft 365 Copilot showing the health score and headline numbers
1.24.0-beta.3

Site Snapshot - SharePoint Site Health Copilot App

On-demand health snapshot of a SharePoint site inside Microsoft 365 Copilot: a transparent health score, stale documents, external sharing, duplicates, large and empty files, and a file-type breakdown.

Searchable Zava One capability explorer with safe prompt preview
1.24.0-beta.5

Zava One - Employee Experience Hub

A fixture-first employee hub with 35 paired SharePoint web parts and Copilot Components for company communications, personal work, services, decisions, and business insights.

Inline — the confirm step: a read-only summary of every field and the exact destination path, with Back to edit and Confirm and save
1.24.0-beta.2

Document Intake

A Copilot Component that files invoices and expense reports into a records library with complete, validated metadata, and shows recent filings.

M365 Product Roadmap component gallery preview showing roadmap feature cards in Microsoft Copilot.
1.24.0-beta.4

M365 Product Roadmap

An SPFx 1.24 Copilot UX component for discovering Microsoft 365 roadmap features through the public Microsoft Release Communications MCP server.

My Planner Projects Agent gallery preview showing Planner project discovery interface in Microsoft Copilot.
1.24.0-beta.2

My Planner Projects Agent

An SPFx 1.24 Copilot declarative agent that reads the current user's Microsoft Planner projects and prepares new projects for explicit creation.

Counteroffer preview showing CHF 108,000, 24 months and 16 support hours with explicit confirmation actions
1.24.0-beta.3

Negotiation Lab

Augment SPFx React components with Copilot conversations, structured replies and APVEE-provisioned SharePoint storage.

Full-screen Deal Room workspace coordinating Contoso relationship influence, evidence, and credible close range
1.24.0-beta.3

Zava Revenue Deal Room

An evidence-led revenue Copilot App with 21 intent-routed components and four connected workspaces.

Full-screen Enterprise Insights command center with stage-gate funnel, portfolio charts, themes, and realized value
1.24.0-beta.2

Zava Innovation Hub

An intent-routed innovation portfolio Copilot App with 17 inline components and five connected workspaces.

Zava Personal IT dashboard with Surface device health, support, requests, and replacement options
1.24.0-beta.2

Zava IT Concierge

An IT self-service Copilot App with 31 intent-routed components and three connected operational dashboards.

Work IQ Answers rendering a cited answer with entity chips and a grouped source panel
1.24.0-beta.2

Work IQ Answers

Turns a Work IQ answer into structured UI: entity chips inline and every citation grouped into a clickable source panel.

Zava full-screen My Work dashboard
1.24.0-beta.2

Zava AI Project Portfolio Agent

A leadership-ready SharePoint Copilot App with 31 intent-routed UX components for personal work, project delivery, portfolio governance, AI investment, capacity, submissions, and approvals.

Zava full-screen My HR Dashboard
1.24.0-beta.2

Zava Employee Agent

An employee-first SharePoint Copilot App with 20 intent-routed HR components and one shared ten-family workspace.

A new fact typed in the Copilot composer, and the SPFx component re-rendered with the revised next action
1.24.0-beta.2

Choice Relay

Follow a user choice from Copilot into SPFx, back into the conversation, and into a second interactive component.

Inline Apps directory card in the Copilot canvas
1.24.0-beta.2

Apps directory

Apps directory - Workplace Application Catalogue

My Time Off scenario — inline balance card and full-screen team absence calendar
1.24.0-beta.2

My Time Off — Time-Off & Absence Copilot App

A SharePoint Copilot App (SPFx 1.24 Copilot Components) that brings the employee time-off (PTO) experience inside the Microsoft Copilot canvas — a personal overview, a request form with an Outlook conflict pre-check, and a team view with manager approvals and a full-screen absence calendar, all powered by delegated, client-side SharePoint REST and Microsoft Graph calls.

Zava Retail Store scenario — inline card and full-screen dashboard
1.24.0-beta.2

Zava Retail Store — Retail Performance Copilot App

A SharePoint Copilot App (SPFx 1.24 Copilot Component) that renders an executive retail cockpit inside the Microsoft Copilot canvas — a compact inline performance card that expands to a full-screen dashboard covering sales, category mix, customer satisfaction, feedback, top products and store comparisons.

My Day scenario — inline card and full-screen dashboard
1.24.0-beta.2

My Day — Personalized Intranet Copilot App

A SharePoint Copilot App (SPFx 1.24 Copilot Component) that renders a personal 'My Day' cockpit inside the Microsoft Copilot canvas — a compact inline card that expands to a full-screen dashboard with agenda, tasks, mail, news, a 'Plan my day' briefing and session-persisted settings.