Copilot UX components

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.

46community components

Sample catalog

Explore components

How to use a sample

Showing 46 components

Focused Germany opportunity detail with exact headquarters-attributed catalog values and links to inspect opportunities
1.24.0

ZavaMesh Revenue Deal Room

27 revenue Copilot Components with four contextual workspaces, country maps, value flows and human-governed approvals.

Vesa JuvonenDetails
Portfolio Carryover Review component preview
1.24.0

Portfolio Carryover Review

Review initiatives carried over between fiscal years, including their status, ownership, and carryover rationale.

Antonio VillarruelDetails
Agent Map of a Copilot Studio agent with its skills, connector tools, knowledge source, and connected agent
1.24.0

Agent Map for Copilot Studio agents

SPFx Copilot UX component that shows an interactive map of a Copilot Studio agent in Microsoft 365 Copilot: its skills, tools, knowledge sources, connected agents, topics, triggers, and evaluation sets.

Ramakrishnan RamanDetails
Inline CosmoPolite card in Microsoft 365 Copilot answering an Arabic question about Copilot UX components in SPFx, written and labelled in Arabic, right to left
1.24.0

CosmoPolite - multilingual story card

Ask in any language or dialect and get a story card in that language: labels, reading direction, fonts, photo credit and a read-aloud voice all follow the story, including right-to-left scripts.

Stefan BauerDetails
Weekly Pulse Quiz web part on a SharePoint page after a correct answer, with a check mark and a Why B is right? link
1.24.0

Weekly Pulse Quiz

One multiple-choice question a week on a SharePoint page and inline in Microsoft 365 Copilot chat, with private answers stored in a SharePoint list that uses item-level security.

Anand VijayaragavanDetails
Inline My Day card in the Copilot canvas
1.24.0

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.

Vesa JuvonenDetails
My Time Off scenario — inline balance card and full-screen team absence calendar
1.24.0

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.

Bert JansenDetails
Compact Personal Links experience showing six temporary demonstration links in a Fluent UI card grid.
1.24.0

Personal Links

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

Vesa JuvonenDetails
Inline SharePoint document submission form rendered in Microsoft 365 Copilot chat with a verified Knowledge base library, staged presentation file, and required and optional metadata columns
1.24.0-rc.0

SharePoint Document Submission Form

Submit files up to 50 MB and dynamic library metadata directly to a SharePoint document library from an inline Microsoft 365 Copilot chat form or a modern SharePoint page without passing file bytes through the LLM prompt.

Anand VijayaragavanDetails
Zava full-screen My Work dashboard
1.24.0

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.

Vesa JuvonenDetails
Zava full-screen My HR Dashboard
1.24.0

Zava Employee Agent

An employee-first Copilot App with 20 operational HR components, a dedicated feature explorer, and one shared ten-family workspace.

Vesa JuvonenDetails
Full-screen Enterprise Insights command center with stage-gate funnel, portfolio charts, themes, and realized value
1.24.0

Zava Innovation Hub

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

Vesa JuvonenDetails
Zava Personal IT dashboard with Surface device health, support, requests, and replacement options
1.24.0

Zava IT Concierge

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

Vesa JuvonenDetails
Searchable Zava One capability explorer with safe prompt preview
1.24.0

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.

Vesa JuvonenDetails
Zava Retail Store scenario — inline card and full-screen dashboard
1.24.0

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.

Paolo PialorsiDetails
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.

Andrew ConnellDetails
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.

Andrew ConnellDetails
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.

Maycon de Novaes BatistaDetails
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.

Tanel VahkDetails
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.

Kurt RollandDetails
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.

João MendesDetails
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.

João MendesDetails
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.

Nello D'AndreaDetails
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.

Ramin AhmadiDetails
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.

Nello D'AndreaDetails
Inline Apps directory card in the Copilot canvas
1.24.0-beta.2

Apps directory

Apps directory - Workplace Application Catalogue

Saurabh TripathiDetails