Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Framework

mcpcn

shadcn/ui-style React components for building ChatGPT, Claude and MCP apps.

Visit mcpcn4.3

  • Rating

    4.3 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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.

Third-party open-source projects. We are not affiliated with their authors; repositories are provided as-is by their maintainers. Review each project's license, code and security before installing. See our Disclaimer.

Pros: what mcpcn does well

  • Ready-made UI for apps inside ChatGPT and Claude
  • Works with the shadcn CLI you already know
  • Accessible Base UI primitives, MIT licensed

Cons: where it falls short

  • Only useful if you build MCP apps
  • Young library that is still growing

Who mcpcn is for

Developers building apps that run inside ChatGPT, Claude or other MCP clients.

Who can skip it

People not building AI client apps.

mcpcn alternatives

Not sold on mcpcn? These do a similar job, and each card says what it has in common.

All AI Productivity resources

Open Source UI

Focus: next.js components, tailwind css and copy paste. Shares react components and ui library with mcpcn. A website, not a framework. Rated 4.7 (mcpcn: 4.3).

WebsiteFreeWeb
4.7Visit

COSS UI

Focus: base ui, design system and ai generated. Shares react components and ui library with mcpcn. A website, not a framework. Freemium (mcpcn: Free). Rated 4.5 (mcpcn: 4.3).

WebsiteFree planWeb
4.5Visit

Annnimate

Focus: gsap, animation library and vue components. Shares react components with mcpcn. A website, not a framework. Freemium (mcpcn: Free). Rated 4.8 (mcpcn: 4.3).

WebsiteFree planWeb
4.8Visit

23rd

Focus: shadcn registry, svelte 5 and ui components. Shares react components with mcpcn. A website, not a framework. Rated 4.6 (mcpcn: 4.3).

WebsiteFreeWeb
4.6Visit

Beautiful UI

Focus: ai ui, chat components and copy paste. Shares react components with mcpcn. A website, not a framework. Freemium (mcpcn: Free). Rated 4.6 (mcpcn: 4.3).

WebsiteFree planWeb
4.6Visit

Free alternatives to mcpcn

Want to spend nothing? These free picks cover similar ground.

Halaska UI

Focus: ui kit, react and ai products. Shares shadcn with mcpcn. A template, not a framework. Same 4.3 rating.

TemplateFreeWeb
4.3Visit

Transformers

Focus: transformers, hugging face and ml. Also in AI Productivity and Workflows, like mcpcn. Adds macOS, Windows and Linux. Rated 4.9 (mcpcn: 4.3).

FrameworkFreemacOS, Windows
4.9Visit

Agent Governance Toolkit

Focus: ai governance, security and agents. Also in AI Productivity and Workflows, like mcpcn. Adds Windows, macOS and Linux. Rated 4.7 (mcpcn: 4.3).

FrameworkFreeWindows, macOS
4.7Visit

OpenUI

Focus: generative ui, framework and open source. Also in Workflows and AI Productivity, like mcpcn. Rated 4.7 (mcpcn: 4.3).

FrameworkFreeWeb, Cross-Platform
4.7Visit

Armory

Focus: ai agents, skills and claude code. Also in AI Productivity and Workflows, like mcpcn. Adds macOS, Windows and Linux. Rated 4.6 (mcpcn: 4.3).

FrameworkFreemacOS, Windows
4.6Visit
Are you the maker of mcpcn?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

New · updated daily

What people are actually doing with AI

Real use cases shared on Reddit, Hacker News, X, GitHub and blogs, summarised in plain words with a link to every original post.

Browse AI use cases

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.