Context
MCP Apps need a visual vocabulary that does not exist yet. Every host is currently reinventing the same handful of surfaces — a tool call in flight, a resource picker, a human-in-the-loop approval, a stream of partial output — and each one looks different. mcpcn-ui is a shared set of primitives for those surfaces, distributed the way shadcn/ui is: you copy the source into your project and own it.
SCOPE
- Primitives for tool invocation, streaming output, resource browsing and approval flows.
- Host-agnostic styling that adapts to the surrounding app rather than imposing a theme.
- Distributed as a copy-paste registry, so consumers own and can modify every component.
- Accessible by default: keyboard paths, live regions for streamed content, reduced-motion support.
- Paired with mcpcn docs showing the protocol call behind each component.
MY ROLE
- Creator
- Maintainer
TOOLS
- React
- TypeScript
- MCP
- Tailwind CSS
- shadcn-style registry
TIMELINE
Upcoming
Upcoming