Open Source UI
Free React and Next.js UI library with 200+ MIT-licensed copy-paste components.
WebsiteAI ProductivityWebFree
4.7Visit
Framework
mcpcn
shadcn/ui-style React components for building ChatGPT, Claude and MCP apps.
Day 44 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is mcpcn?
mcpcn is a free, open-source set of customisable React components for MCP Apps, the apps that run inside ChatGPT, Claude and other AI clients. It uses the same registry format and CLI as shadcn/ui, is built on Base UI, adapts to light and dark themes and includes forms, payments, messages, maps, events and more.
Pros
- Ready-made UI for apps inside ChatGPT and Claude
- Works with the shadcn CLI you already know
- Accessible Base UI primitives, MIT licensed
Cons
- Only useful if you build MCP apps
- Young library that is still growing
Who should use mcpcn
Developers building apps that run inside ChatGPT, Claude or other MCP clients.
Who may not need it
People not building AI client apps.
mcpcn alternatives
Similar resources to mcpcn, picked from the directory.
COSS UI
A modern UI component library built on Base UI for developers and AI-generated interfaces.
WebsiteAI ProductivityWebFreemium
4.5Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteAI ProductivityWebFreemium
4.8Visit
Web Artifacts Builder Skill
An official Claude skill for building elaborate React, Tailwind and shadcn/ui artifacts on claude.ai.
AI ToolAI ProductivityWebFree
4.8Visit
23rd
Opinionated UI components for people who ship, as a shadcn/ui registry.
WebsiteAI ProductivityWebFree
4.6Visit
Beautiful UI
Extremely crafted, copy-paste components for AI-native interfaces — chat agents, thinking states and approvals.
WebsiteAI ProductivityWebFreemium
4.6Visit
Free alternatives to mcpcn
Free resources that cover similar ground.
Halaska UI
A single-file React UI kit for AI products, built on shadcn/ui.
TemplateAI ProductivityWebFree
4.3Visit
Transformers
The model-definition framework for state-of-the-art machine learning.
FrameworkAI ProductivitymacOS, WindowsFree
4.9Visit
Agent Governance Toolkit
Policy enforcement, zero-trust identity and sandboxing for autonomous AI agents.
FrameworkAI ProductivityWindows, macOSFree
4.7Visit
OpenUI
An open standard for streaming generative user interfaces.
FrameworkWorkflowsWeb, Cross-PlatformFree
4.7Visit
Armory
Curated, production-grade skills for AI coding agents.
FrameworkAI ProductivitymacOS, WindowsFree
4.6Visit
Astryx Design System
An open-source design system that is fully customizable and agent ready.
FrameworkWorkflowsWebFree
4.6Visit
Featured on Best Productivity Resources
Made mcpcn? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/mcpcn" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>