Protocol
MCP Apps
Type
SDK
Stars
60
License
MIT
Last push
Oct 9, 2026

mcpcn MCP Apps SDK

by shadcn-labs• 60•
MCP AppsSDKTypeScript

React component set for building MCP Apps in the shadcn/ui style

About mcpcn

mcpcn is an open-source MCP Apps SDK by shadcn-labs, written mainly in TypeScript. React component set for building MCP Apps in the shadcn/ui style. It has 60 GitHub stars and uses the MIT license, and its code was last pushed on Oct 9, 2026.

New to MCP Apps? Our MCP Apps guide explains how it works and lists other projects built on it.

At a glance

Protocol
MCP Apps
Type
SDK
Language
TypeScript
License
MIT
GitHub stars
60
Last push
Oct 9, 2026

Listed from public GitHub data, checked 2026-11-08. Not scanned by AgenticMart.

Questions about mcpcn

What is mcpcn?

React component set for building MCP Apps in the shadcn/ui style It is listed as a MCP Apps SDK, maintained in the shadcn-labs/mcpcn repository on GitHub.

How do I install mcpcn?

The README in shadcn-labs/mcpcn has the setup steps. Clone the repository with git clone https://github.com/shadcn-labs/mcpcn.git and follow its instructions.

Is mcpcn an official MCP Apps project?

No. It is a community project built on MCP Apps, not published by the organisation that runs the protocol.

What license does mcpcn use?

It is published under the MIT license. Check the license file in the repository before using it commercially.

Is mcpcn still maintained?

Its code was last pushed on Oct 9, 2026, and it had 60 GitHub stars when we checked on 2026-11-08. Look at recent issues and releases in the repository for a fuller picture.

README

<p align="center"> <img src="./.github/assets/gh.png" alt="mcpcn banner" /> </p> <h1 align="center">mcpcn</h1> <p align="center"> Free & open-source, ready-to-use, customizable React components for MCP Apps.<br/> Zero config. One command setup. Built with <a href="https://base-ui.com/">Base UI</a> and works seamlessly with <a href="https://ui.shadcn.com/">shadcn/ui</a>. </p> <p align="center"> <a href="https://github.com/shadcn-labs/mcpcn"><img src="https://www.shieldcn.dev/github/stars/shadcn-labs/mcpcn.svg?variant=secondary&size=xs&theme=zinc" alt="GitHub Stars" /></a> <a href="https://github.com/shadcn-labs/mcpcn/actions"><img src="https://www.shieldcn.dev/github/ci/shadcn-labs/mcpcn.svg?variant=secondary&size=xs&theme=zinc" alt="CI" /></a> <a href="https://discord.gg/N6G36KhYK4"><img src="https://www.shieldcn.dev/discord/online-members/N6G36KhYK4.svg?variant=secondary&size=xs&theme=zinc" alt="Discord Members" /></a> <a href="https://x.com/shadcnlabs"><img src="https://www.shieldcn.dev/x/follow/shadcnlabs.svg?variant=branded&size=xs&theme=zinc" alt="X Follow" /></a> </p> <p align="center"> <a href="https://mcpcn.dev/docs">Get Started</a> · <a href="https://mcpcn.dev/docs/installation">Installation</a> · <a href="https://mcpcn.dev/docs/blocks">Components</a> </p>

Features

  • 🎨 Theme-aware — Adapts to existing light and dark themes with semantic color tokens
  • 🎯 Zero config — Works out of the box with sensible defaults
  • 📦 shadcn/ui compatible — Uses the same registry format and CLI
  • ♿ Base UI powered — Accessible primitives without Radix UI
  • 💬 Apps SDK UI aligned — Optional scoped tokens and control geometry based on OpenAI's official UI system
  • 🧩 Composable — Import child components directly and arrange them with ordinary JSX
  • 🤖 Built for MCP Apps — Forms, payments, messages, social content, maps, events, and more
  • 🔌 OpenUI ready — Component documentation includes OpenUI integration guidance

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Install dependencies (pnpm install)
  4. Run the checks (pnpm fix && pnpm typecheck)
  5. Commit your changes (git commit -m 'Add some amazing feature')
  6. Push to the branch (git push origin feature/amazing-feature)
  7. Open a Pull Request

License

MIT

Star History

<a href="https://www.star-history.com/?repos=shadcn-labs%2Fmcpcn&type=date&legend=top-left"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=shadcn-labs/mcpcn&type=date&theme=dark&legend=top-left&sealed_token=OWqnbEg5fyl_ad4v9ojvufYbTu5epWkgAlH_d76eq2B5nzAp53QUoYy0-Fo9M-q7ltROzfI_uLMpc3rgMHbPQ4Yu6dSpOJ3cp1ZSu8V-U_WYnUfU9n8VESj2HZ4KQOPbo1zEn6NbltASUQObWxFAaCNFuIHYKIvZI_35-BzF-3rz8Of52i5Jt2SJw-1x" /> <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=shadcn-labs/mcpcn&type=date&legend=top-left&sealed_token=OWqnbEg5fyl_ad4v9ojvufYbTu5epWkgAlH_d76eq2B5nzAp53QUoYy0-Fo9M-q7ltROzfI_uLMpc3rgMHbPQ4Yu6dSpOJ3cp1ZSu8V-U_WYnUfU9n8VESj2HZ4KQOPbo1zEn6NbltASUQObWxFAaCNFuIHYKIvZI_35-BzF-3rz8Of52i5Jt2SJw-1x" /> <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=shadcn-labs/mcpcn&type=date&legend=top-left&sealed_token=OWqnbEg5fyl_ad4v9ojvufYbTu5epWkgAlH_d76eq2B5nzAp53QUoYy0-Fo9M-q7ltROzfI_uLMpc3rgMHbPQ4Yu6dSpOJ3cp1ZSu8V-U_WYnUfU9n8VESj2HZ4KQOPbo1zEn6NbltASUQObWxFAaCNFuIHYKIvZI_35-BzF-3rz8Of52i5Jt2SJw-1x" /> </picture> </a>

More MCP Apps projects

All 20 →

mcp-use

mcp-use/mcp-use
CommunityMITLast push 2026-11-07

Full-stack framework for MCP servers and MCP Apps

SDKTypeScript 11k

MCP-UI

MCP-UI-Org/mcp-ui
CommunityApache-2.0Last push 2026-09-16

SDK and React components for rendering UI over MCP

SDKTypeScript 5.3k

MCP Apps (ext-apps)

modelcontextprotocol/ext-apps
OfficialNo licence detectedLast push 2026-11-05

Specification and SDK for the MCP Apps extension, with example servers

SpecTypeScript 3.1k