{"id":25858,"date":"2026-06-23T05:25:46","date_gmt":"2026-06-23T12:25:46","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=25858"},"modified":"2026-06-23T05:57:12","modified_gmt":"2026-06-23T12:57:12","slug":"going-beyond-text-in-microsoft-365-copilot-introducing-sharepoint-copilot-apps","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/going-beyond-text-in-microsoft-365-copilot-introducing-sharepoint-copilot-apps\/","title":{"rendered":"Going beyond text in Microsoft 365 Copilot &#8211; Introducing SharePoint Copilot Apps"},"content":{"rendered":"<p class=\"___1et8vw6 f18zxyen f1mevb6\">Microsoft 365 Copilot is brilliant at working with language. But work isn&#8217;t only words, sometimes you don&#8217;t want to <em class=\"___11wyd0v f1j4dglz\">describe<\/em> what you need in a back-and-forth chat &#8211; you want to <strong class=\"___1cb78qm fl43uef\">see it, touch it, and act on <\/strong><strong>it right where you already are<\/strong>. Picture approving an expense, checking your remaining leave, or booking a desk &#8211; without ever leaving the chat to hunt for the right tool. That&#8217;s now possible with the <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-365\/copilot\/extensibility\/plugin-mcp-apps\">UX components in the Copilot canvas<\/a> using MCP apps model.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Today we&#8217;re excited to introduce\u00a0<strong class=\"___1cb78qm fl43uef\">SharePoint Copilot Apps<\/strong> &#8211; a new way to bring rich, interactive UX components directly into the Copilot canvas, powered by the <a href=\"https:\/\/aka.ms\/spfx\">SharePoint Framework<\/a> (SPFx).<\/p>\n<p><iframe title=\"Introducing SharePoint Copilot Apps - Going beyond text in Microsoft 365 Copilot\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/mpSVo47LDHE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2 id=\"chat-and-text-are-powerful-but-not-always-enough\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">Chat and text are powerful &#8211; but not always enough<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Think about how often a simple task turns into a longer conversation. You want to get something\u00a0<em class=\"___11wyd0v f1j4dglz\">quickly reviewed<\/em>. You need the\u00a0<em class=\"___11wyd0v f1j4dglz\">latest tool<\/em> &#8211; but is it on the intranet, or somewhere else entirely? Describing it all in text takes time you don&#8217;t have.<\/p>\n<p>Every hop to a different app, portal, or tool breaks your focus and burns minutes that add up across thousands of people. The cost is the constant context-switching tax on your whole organization.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">What if the <strong>experience you needed was simply\u00a0there &#8211; directly in the flow of your work<\/strong>, inside the Copilot canvas? You ask to see or do something, and the right UX component appears, ready to use.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">That&#8217;s exactly what SharePoint Copilot Apps deliver:<strong> purpose-built UX components that appear in Copilot<\/strong> at the moment they&#8217;re useful, so you can review, decide, and act without leaving the conversation.<\/p>\n<h2 id=\"for-developers-just-bring-your-react-component\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">For developers: just bring your component<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Here&#8217;s the part developers will love. To create a Copilot UX component, you only have to focus on <strong class=\"___1cb78qm fl43uef\">one thing &#8211; building your UX component.<\/strong>\u00a0Everything else is provided for you by the platform.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">And you build it with the JavaScript stack you already know.\u00a0<strong class=\"___1cb78qm fl43uef\">SPFx supports any JavaScript library or framework you choose<\/strong>\u00a0&#8211; React, Angular, Vue, Svelte, or plain TypeScript. React is the most widely used, so you&#8217;ll see it in most of our examples, but it&#8217;s never a requirement. That flexibility is a real advantage: your team ships with the tools it&#8217;s already productive in, instead of being forced onto someone else&#8217;s stack.<\/p>\n<p>That same standards-based foundation unlocks another advantage:\u00a0<strong class=\"___1cb78qm fl43uef\">your AI coding agents already know how to build this<\/strong><strong class=\"___1cb78qm fl43uef\">.<\/strong>\u00a0Because there&#8217;s no proprietary platform or bespoke runtime to learn first, tools like\u00a0<strong class=\"___1cb78qm fl43uef\">GitHub Copilot, Claude, and Codex<\/strong> &#8211; or any other coding agent your team prefers &#8211; can scaffold, generate, refactor, and debug these components right inside your IDE of choice. The same JavaScript skills that make these easy for humans also make them easy for coding agents, so you get the full productivity boost of AI-assisted development from day one, exactly where you build. In general, coding agents are already excellent at SPFx development &#8211; give it a try.<\/p>\n<ul class=\"___yduxjt0 fjh19gf f18zxyen f1mevb6 f1mswpri\">\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Web stack development<\/strong>\u00a0&#8211; use the skills and frameworks your team already knows. Any web developer can create these, with whatever JavaScript library or framework they prefer.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">No proprietary development platforms<\/strong> &#8211; build on open, familiar web technologies. All based on industry standard patterns.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Automatic hosting<\/strong> &#8211; no figuring out where things get hosted, no external operations and management to stand up. Solutions hosted directly in the customer tenant.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">No infrastructure complexity<\/strong> &#8211; nothing to build and run on top of Azure or any externally hosted platform.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Enterprise-grade security and governance<\/strong> &#8211; built on the SharePoint platform, so the security, compliance, and governance your organization already relies on come built in.<\/li>\n<\/ul>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">This is about\u00a0<strong class=\"___1cb78qm fl43uef\">extending your existing investments<\/strong> onto the Copilot canvas. The SPFx components and patterns your organization has already built carry forward &#8211; now reaching a brand-new surface. And this isn&#8217;t a new or unproven foundation: the SPFx ecosystem is already enormous, with <strong class=\"___1cb78qm fl43uef\">tens of millions of end users<\/strong> relying on custom SPFx components every single day.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Better still, the same UX component isn&#8217;t tied to one surface. Write it once and expose it across Microsoft 365 &#8211; in\u00a0<strong class=\"___1cb78qm fl43uef\">Copilot<\/strong>, in\u00a0<strong class=\"___1cb78qm fl43uef\">SharePoint<\/strong>, and in\u00a0<strong class=\"___1cb78qm fl43uef\">Microsoft Teams<\/strong> &#8211; reusing a single component across every channel where your people already work, and maximizing the value of your investment. Don&#8217;t reinvent &#8211; <strong class=\"___1cb78qm fl43uef\">reuse what you&#8217;ve already built<\/strong>, and reach your users everywhere.<\/p>\n<p><iframe title=\"Introduction to SharePoint Copilot Apps developer experience\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ofgERb5Zlbo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2 id=\"example-scenarios\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">Example scenarios<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">So what can you actually build? Almost anything you&#8217;ve previously surfaced in a SharePoint portal or as a Microsoft Teams personal app. <strong class=\"___1cb78qm fl43uef\">Any scenario that was once exposed as a web part or UX element in your portals can now be exposed as a UX component &#8211; directly in Copilot, using agents.<\/strong> You can even expose the same component in multiple locations &#8211; so your end users can select their preferred experience for accessing the same UX component and capabilities.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Here are three example areas of scenarios to spark some ideas on the art of possible:<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios.webp\"><img decoding=\"async\" class=\"alignnone size-large wp-image-25860\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios-1024x576.webp\" alt=\"sharepoint copilot apps blog post scenarios image\" width=\"1024\" height=\"576\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios-1024x576.webp 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios-300x169.webp 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios-768x432.webp 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios-1536x865.webp 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2026\/06\/sharepoint-copilot-apps-blog-post-scenarios.webp 1922w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<h3 id=\"line-of-business-lob-agents\" class=\"___d1kctb0 fod5ikn fl43uef faaz57k fqcjy3b f1mevb6\">\ud83c\udfe2 Line of Business (LOB) agents<\/h3>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Expose information from your LOB systems right in the Copilot canvas &#8211; sales information, business data in charts, cafeteria menus, stock, praise, holidays, time off, help desk, surveys, Customer 360 views, reservations, travel booking, expenses, pay slips, and more.<\/p>\n<h3 id=\"corporate-communications-and-services-agents\" class=\"___d1kctb0 fod5ikn fl43uef faaz57k fqcjy3b f1mevb6\">\ud83d\udce3 Corporate Communications and Services agents<\/h3>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Surface your typical intranet scenarios as Copilot UX components &#8211; relevant news for the user, the latest information, personal dashboards, organizational information, onboarding tasks, visual Q&amp;A, maps, and more.<\/p>\n<h3 id=\"management-governance-agents\" class=\"___d1kctb0 fod5ikn fl43uef faaz57k fqcjy3b f1mevb6\">\u2699\ufe0f Management &amp; Governance agents<\/h3>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Bring administration, operations, and governance tasks into apps &#8211; providing UX for typical governance and management operations such as site provisioning, policy enforcement, site dashboards, and more.<\/p>\n<h2 id=\"built-on-industry-standards-with-enterprise-trust\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">Built on industry standards, with enterprise trust<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">SharePoint Copilot Apps are based on industry standards, implementing the\u00a0<strong class=\"___1cb78qm fl43uef\">MCP Apps model<\/strong>\u00a0&#8211; so you&#8217;re building on an open, interoperable foundation rather than a closed one. It&#8217;s the same principle that runs through everything here: open patterns, no lock-in, and components that work across surfaces instead of being trapped on one &#8211; and tooling, including AI coding agents, that already speaks your stack.<\/p>\n<p>The\u00a0<strong class=\"___1cb78qm fl43uef\">key difference from the typical MCP Apps model is that hosting and tool routing are automatic.<\/strong> UX components are automatically hosted in Microsoft 365 tenant, and requests are routed to the right tool for you &#8211; there&#8217;s nothing to set up, stand up, or wire together. You bring the component; the platform handles the rest.<\/p>\n<h2 id=\"why-it-matters\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">Why it matters<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">For the people building and funding these experiences, the value is clear:<\/p>\n<ul class=\"___yduxjt0 fjh19gf f18zxyen f1mevb6 f1mswpri\">\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Faster time to value<\/strong> &#8211; any web developer can build these with the JavaScript stack they already know, and AI coding agents accelerate the work, so you ship with the team and skills you already have.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Lower total cost<\/strong> &#8211; no new platform to license, no infrastructure to stand up, run, or secure. It&#8217;s hosted in your own tenant.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">No license barrier to start<\/strong> &#8211; you can begin building these SPFx UX experiences with <strong class=\"___1cb78qm fl43uef\">no specific license requirements<\/strong>. They&#8217;re built on <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-365\/copilot\/extensibility\/overview-declarative-agent\">declarative agents<\/a>, which enable baseline agent experiences with simply a Microsoft 365 user license. See\u00a0<a class=\"___xkwfcm0 f1iescvh f1deo86v f1dyly0x fyind8e f13mvf36\" href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-365\/copilot\/extensibility\/prerequisites#agent-capabilities-and-licensing-models\" target=\"_blank\" rel=\"noopener noreferrer\" data-telemetry-id=\"Link.ExternalLink\">agent capabilities and licensing models<\/a> for the details on the latest licensing requirements.<\/li>\n<li><strong class=\"___1cb78qm fl43uef\">Maximized investment<\/strong> &#8211; write once, reuse across Copilot, SharePoint, and Teams. Existing SPFx components carry forward instead of being rebuilt.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Reduced risk<\/strong> &#8211; enterprise security, compliance, and governance are built in, not bolted on.<\/li>\n<\/ul>\n<h2 id=\"availability\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">Availability<\/h2>\n<ul class=\"___yduxjt0 fjh19gf f18zxyen f1mevb6 f1mswpri\">\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">Preview:<\/strong> available in\u00a0<strong class=\"___1cb78qm fl43uef\">early July<\/strong>, alongside the preview of <strong>SharePoint Framework (SPFx)<\/strong><strong class=\"___1cb78qm fl43uef\"> v1.24<\/strong>.<\/li>\n<li class=\"___ka489f0 f8l5zjj\"><strong class=\"___1cb78qm fl43uef\">General availability:<\/strong>\u00a0rolling out\u00a0<strong class=\"___1cb78qm fl43uef\">later this autumn<\/strong>.<\/li>\n<\/ul>\n<h2 id=\"the-opportunity-ahead\" class=\"___zyebl90 f1pp30po fl43uef f106mvju fqcjy3b f1mevb6\">The opportunity ahead<\/h2>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Bringing interactive UX into Copilot opens up an enormous space for innovation &#8211; unlocking enterprise experiences across AI-powered work that simply weren&#8217;t possible with text alone.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\"><strong class=\"___1cb78qm fl43uef\">Stay tuned &#8211; and try the preview when it lands.<\/strong><\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">This is just the beginning. We&#8217;ll be sharing more demos, videos, guidance, and samples across our open-source and community channels in the weeks ahead.<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">To stay up to date, join us on our\u00a0<a class=\"___xkwfcm0 f1iescvh f1deo86v f1dyly0x fyind8e f13mvf36\" href=\"https:\/\/aka.ms\/community\/calls\" target=\"_blank\" rel=\"noopener noreferrer\" data-telemetry-id=\"Link.ExternalLink\">weekly community calls<\/a>\u00a0and follow us on\u00a0<a class=\"___xkwfcm0 f1iescvh f1deo86v f1dyly0x fyind8e f13mvf36\" href=\"https:\/\/www.linkedin.com\/showcase\/microsoft365dev\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-telemetry-id=\"Link.ExternalLink\">LinkedIn<\/a>\u00a0and\u00a0<a class=\"___xkwfcm0 f1iescvh f1deo86v f1dyly0x fyind8e f13mvf36\" href=\"https:\/\/x.com\/microsoft365dev\" target=\"_blank\" rel=\"noopener noreferrer\" data-telemetry-id=\"Link.ExternalLink\">X<\/a>\u00a0for the latest Microsoft 365 Platform announcements (including the Copilot area).<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">We can&#8217;t wait to see what you build. \ud83d\ude80<\/p>\n<p class=\"___1et8vw6 f18zxyen f1mevb6\">Happy coding!\u00a0<strong class=\"___1cb78qm fl43uef\">Sharing is Caring!<\/strong>\u00a0\ud83e\udde1<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Microsoft 365 Copilot is brilliant with words &#8211; but work isn&#8217;t only words. Introducing SharePoint Copilot Apps: bring rich, interactive UX components straight into the Copilot canvas, built with any JavaScript stack your team already knows. Reuse your existing SPFx investments across Copilot, SharePoint, and Teams &#8211; no new platform, no infrastructure, no lock-in.<\/p>\n","protected":false},"author":69217,"featured_media":25859,"comment_status":"open","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[281,390,1,128,166,9],"tags":[242,398,433,225,251,223,162,19,221],"class_list":["post-25858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-copilot-for-microsoft-365","category-microsoft-365-copilot","category-microsoft-365-developer","category-microsoft-teams","category-sharepoint","category-sharepoint-framework","tag-copilot","tag-mcp","tag-mcp-apps","tag-microsoft-365","tag-microsoft-365-copilot","tag-microsoft-teams","tag-sharepoint","tag-sharepoint-framework","tag-spfx"],"acf":[],"blog_post_summary":"<p>Microsoft 365 Copilot is brilliant with words &#8211; but work isn&#8217;t only words. Introducing SharePoint Copilot Apps: bring rich, interactive UX components straight into the Copilot canvas, built with any JavaScript stack your team already knows. Reuse your existing SPFx investments across Copilot, SharePoint, and Teams &#8211; no new platform, no infrastructure, no lock-in.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/25858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69217"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=25858"}],"version-history":[{"count":1,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/25858\/revisions"}],"predecessor-version":[{"id":25868,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/25858\/revisions\/25868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25859"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=25858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=25858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=25858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}