Skip to content
MCPCN website preview

MCPCN

mcpcn.dev

Beautifully designed, accessible MCP App UI components built with Base UI, copy-paste installable and compatible with shadcn/ui.

What is MCPCN?

MCPCN is a collection of customizable UI components aimed at MCP (Model Context Protocol) apps, built on Base UI and working alongside shadcn/ui. Components are browsable as blocks and installed through a registry, with documentation that exposes llms.txt, OpenAPI descriptions and an agent skill so AI coding assistants can consume the catalog directly.

Best for

  • Building UIs for MCP-powered apps and agents
  • Copy-paste components in shadcn/ui projects
  • Accessible interfaces built on Base UI

Key features

  • Components purpose-built for MCP apps
  • Built on Base UI primitives
  • Works with shadcn/ui
  • Block-based browsing and registry install
  • llms.txt index and agent skill support
ForgeUI website preview

React and Tailwind UI library with animated components, marketing blocks, illustrations and copy-paste templates — shadcn-compatible, with free and Pro tiers.

ReactTailwindShadcn UI+2
FrameCN website preview

Beautifully designed, customizable video components for React, built on Editframe and copy-paste installable alongside shadcn/ui.

VideoReactEditframe+2
PDFCN website preview

Beautifully designed, accessible and customizable PDF components — built on Takumi and Forme and made to work with shadcn/ui.

ReactPDFShadcn UI+2