mcpcn banner

mcpcn

Free & open-source, ready-to-use, customizable React components for MCP Apps.
Zero config. One command setup. Built with Base UI and works seamlessly with shadcn/ui.

GitHub Stars CI Discord Members X Follow

Get Started ยท Installation ยท Components

## 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](LICENSE) ## Star History Star History Chart