Built by the communitySPFx Samples

Microsoft 365 & Power Platform Community

Small building blocks.
Big possibilities.

Copilot, SharePoint, Teams and more.

Make Microsoft 365 your own with real-world SPFx samples for Copilot, SharePoint, Teams, Viva Connections and beyond. Find your starting point. Add your spark. Build something brilliant.

Find your next idea New to SPFx? Start here

Tens of millions of daily active users.Customer- and partner-built SPFx components and solutions are used every day. An active ecosystem, still growing.

A little inspiration. A lot of possibility.

Your next great idea starts here.

795 samples248 contributors5 repositories

795 starting points for your next idea

Find it. Fork it. Make it yours.
Expert Finder architecture: Copilot invokes a typed SPFx tool that renders a React directory using SharePoint or fictional profiles, with optional Graph actions and introduction drafting.Copilot
Copilot componentSPFx 1.24.1

Expert Finder

Find colleagues by skill, explore profiles and availability, and request introduction drafts or confirmed Teams meetings in Microsoft 365 Copilot.

React
Luis Mañez
Nov 7, 2026
Portfolio Carryover Review component previewCopilot
Copilot componentSPFx 1.24.0

Portfolio Carryover Review

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

React
Antonio Villarruel
Oct 31, 2026
Agent Map of a Copilot Studio agent with its skills, connector tools, knowledge source, and connected agentCopilot
Copilot componentSPFx 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.

React
Ramakrishnan Raman
Oct 29, 2026
Weekly Pulse Quiz web part on a SharePoint page after a correct answer, with a check mark and a Why B is right? linkCopilot
Copilot componentSPFx 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.

React
Anand Vijayaragavan
Oct 29, 2026
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 columnsCopilot
Copilot componentSPFx 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.

React
Anand Vijayaragavan
Oct 28, 2026
Inline CosmoPolite card in Microsoft 365 Copilot answering an Arabic question about Copilot UX components in SPFx, written and labelled in Arabic, right to leftCopilot
Copilot componentSPFx 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.

TypeScript
Stefan Bauer
Oct 18, 2026
Architecture illustration: Copilot to SPFx to live Microsoft Graph. Not an application screenshot.Copilot
Copilot componentSPFx 1.24.0-rc.0

Viva Engage Community Explorer

Discover, search and explore live Viva Engage communities inside Microsoft 365 Copilot.

React
Nanddeep Nachan +1
Oct 16, 2026
The DesignShowcase component in Microsoft 365 Copilot in the fullscreen display mode and light theme, with a selected project card and its detailsCopilot
Copilot componentSPFx 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.

React
Andrew Connell
Oct 11, 2026
Compact Personal Links experience showing six temporary demonstration links in a Fluent UI card grid.Copilot
Copilot componentSPFx 1.24.0

Personal Links

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

React
Vesa Juvonen
Oct 8, 2026
The SharePointLists component in Microsoft 365 Copilot showing the lists on a SharePoint site with the number of items in each listCopilot
Copilot componentSPFx 1.24.0-beta.5

Access data with the SharePoint REST API and Microsoft Graph

Two Copilot UX components that show the lists on a site with the SharePoint REST API, and the user's profile, mail, and calendar with Microsoft Graph.

React
Andrew Connell
Oct 4, 2026
Microsoft 365 Copilot showing the lists on a SharePoint site in the MyCopilotApp component after the user asked for the lists on the siteCopilot
Copilot componentSPFx 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.

JavaScript
Andrew Connell
Oct 4, 2026
Governance Risk Advisor executive dashboard — score, executive summary, priority actions, and findingsCopilot
Copilot componentSPFx 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.

React
Maycon de Novaes Batista
Oct 3, 2026
Inline Site Snapshot score card in Microsoft 365 Copilot showing the health score and headline numbersCopilot
Copilot componentSPFx 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.

React
Tanel Vahk
Oct 2, 2026
Searchable Zava One capability explorer with safe prompt previewCopilot
Copilot componentSPFx 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.

React
Vesa Juvonen
Sep 26, 2026
M365 Product Roadmap component gallery preview showing roadmap feature cards in Microsoft Copilot.Copilot
Copilot componentSPFx 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.

React
João Mendes
Sep 22, 2026
My Planner Projects Agent gallery preview showing Planner project discovery interface in Microsoft Copilot.Copilot
Copilot componentSPFx 1.24.0-beta.3

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.

React
João Mendes
Sep 21, 2026
Star Match Game inlineCopilot
Copilot componentSPFx 1.24.0-beta.2

Copilot Star Match Game

A SharePoint Copilot app that enables teams to play the Star Match game.

React
Mohammad Amer
Sep 20, 2026
Web Part PreviewTeams
Teams tabSPFx 1.23.0

My Workspaces Hub

My Workspaces Hub is SharePoint Framework (SPFx) web part that gives the signed-in user a single, sleek place to explore, monitor, and navigate every site, team, group space they can access. It pairs a fast, virtualized catalog with an analytics dashboard and rich on-demand detail drawers - all built on Fluent UI v9 and fully theme-aware across SharePoint Online and Microsoft Teams.

React
Harminder Singh
Sep 12, 2026
A full dashboard page composed of several List Dashboard web parts - KPI tiles, donut, bar, column, pie, line, area, and a table - from one SharePoint listTeams
Teams tabSPFx 1.21.1

List Dashboard

One versatile web part that turns any SharePoint list or library into a dashboard - stat, KPI tiles, bar, column, pie, donut, line, area, or table - with colourblind-safe palettes, status-vs-target colouring, and number formatting, and no Power BI or external chart library.

React
Vijay Kumar G
Sep 10, 2026
Web Part PreviewSharePoint
Web partSPFx 1.23.2

Integrate (Copilot) HTML apps seamlessly in SharePoint (WebPart)

An SPFx web part that embeds small, self-contained HTML applications (HTML + inline JavaScript + CSS, stored in a SharePoint document library) into SharePoint pages without the SharePoint file-preview chrome (toolbar, download button).

React
Marc André Schröder-Zhou
Sep 8, 2026
Inline — the confirm step: a read-only summary of every field and the exact destination path, with Back to edit and Confirm and saveCopilot
Copilot componentSPFx 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.

React
Kurt Rolland
Sep 8, 2026

Every sample has a story. Follow its source for setup, requirements and the latest updates. Browse A–Z

Microsoft 365 and Power Platform Community Contributor badge

Sharing is caring.

Share what you know.

Contribute a sample, improve the docs or help someone get started. Sample contributors can opt in to the PnP Recognition Program and share their community contributor badge.

Have something to show? Sign up for a community call demo. Fill in the form and we'll arrange a slot based on your availability.

Contributor recognition Ways to contribute