M365 Copilot UI Widget Playground
Supports UIby davideldersveld
Sample implementation of remote MCP apps for Microsoft 365 Copilot featuring interactive React widgets.
What it does
Provides a set of interactive UI-bearing MCP tools that render React and Fluent 2 widgets inside Microsoft 365 Copilot. It demonstrates how to create remote MCP servers that can display complex UI components like sprint boards and capability inspectors.
Key features
- Capability Widget: Inspects host APIs exposed via
window.openai. - Sprint Board: Renders structured task data in a visual board layout.
- Mutation Tools: Allows widgets to call back into MCP tools to update state (e.g., marking tasks as done).
- Remote MCP Transport: Exposed over Streamable HTTP for cloud integration.
Installation
- Install dependencies:
npm install && npm run build - Run server:
npm run dev - Configure as a declarative agent using the provided
scripts/new-agent.ps1helper.
Supported hosts
- Microsoft 365 Copilot
Quick install
npm install && npm run build && npm run devInformation
- Pricing
- free
- Published
- 6/28/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
claude-ai
http://localhost:3001/mcpRelated Apps
Scira
MCP AppOpen-source agentic AI search engine with 17 search modes, 28 tools, and full inline citations — self-hostable Perplexity alternative.
Telegram MCP
MCP ServerBridge your AI assistant to the Telegram API for managing chats, messages, and drafts.
Lobe Chat Pro
MCP ServerEnhanced Lobe Chat with infinite canvas for AI image/video generation, user management, billing, and multi-model creative panels.
Readwise MCP (Legacy)
MCP ServerLegacy MCP server for Readwise highlights and Reader data — now deprecated in favour of the hosted version.
MCP Gemini Search
MCP ServerConnect Gemini 2.5 Pro to flight search tools via Model Context Protocol for natural language travel queries.
Taskmeow
MCP AppMinimalist enterprise todo list app with drag-and-drop, Teams/Slack integration, and MCP-powered interactive UI
Jensenify MCP
MCP ServerInject ~2.9M tokens of canonical Western literature into every AI interaction for deep humanistic context on engineering decisions.
FreeScout MCP
MCP ServerMCP server for FreeScout helpdesk — manage tickets, analyze issues, draft customer replies, and automate support workflows.