Beamline UI
by beamline.io ยท io.beamline/beamline
React UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens.
- Category
- Developer tools
- Connection
- Remote (HTTP)
- Tools
- 4 reported
- Status
- Online
Connect it to your AI
Claude Code
claude mcp add --transport http beamline https://mcp.beamline.io/mcpClaude, ChatGPT, Cursor and other apps
Add it as a custom connector with this URL (Streamable HTTP):
https://mcp.beamline.io/mcpCursor, VS Code and other apps (mcp.json)
{
"mcpServers": {
"beamline": {
"url": "https://mcp.beamline.io/mcp"
}
}
}Tools it offers
4 tools, as the server itself reported during our check on Oct 31, 2026.
beamline_capabilitiesThe complete Beamline library and how to choose from it: a selection guide (screens and kits, data โ control, screen craft, looks and install), then every screen and component with what it is for and what to use instead.beamline_componentExact details of Beamline elements: the import, required and typed props, states, keyboard, motion, the parts to style and working examples to copy. Call it for every element you chose, blocks included, before writing cobeamline_installOne command that adds the chosen Beamline elements and a look (default prism) to the app: only those packages, one stylesheet and the look. Pass every element the screens need in one call; call it again to add more laterbeamline_pictureInspect a candidate's layout and states, compare plausible choices, or show the person how a part looks. Returns one labelled states sheet in dark or light Prism and a public URL. Pictures of ๐ elements are available to
Questions
What is the Beamline UI MCP server?
React UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens. It is made by beamline.io and listed in the official MCP Registry as io.beamline/beamline. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.
How do I add Beamline UI to Claude?
In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://mcp.beamline.io/mcp. In Claude Code, run: claude mcp add --transport http beamline https://mcp.beamline.io/mcp
How do I add Beamline UI to ChatGPT?
ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://mcp.beamline.io/mcp.
How do I add Beamline UI to Cursor?
Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "beamline": { "url": "https://mcp.beamline.io/mcp" } } }
Does Beamline UI work right now?
Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.
What can Beamline UI do?
It gives your AI 4 tools, including beamline_capabilities, beamline_component, beamline_install, beamline_picture. The full list is on this page.
Is this your server? Get the badge for your README
Markdown (GitHub README)
[](https://chen.media/mcp/io-beamline-beamline)HTML (switches to dark mode on its own)
<a href="https://chen.media/mcp/io-beamline-beamline"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/io-beamline-beamline.svg?theme=dark"><img src="https://chen.media/mcp/badge/io-beamline-beamline.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>More in Developer tools
See allAlgolia ProductivityVerified maker
@algoliaConnect LLM tools to your Algolia account with user-scoped access for internal workflows.
GitHubVerified maker
@githubConnect AI assistants to GitHub - manage repos, issues, PRs, and workflows through natural language.
MCP devkit serverVerified maker
@mapboxProvides AI assistants with direct access to Mapbox developer APIs and documentation.
GitLabVerified maker
gitlab.comOfficial GitLab MCP Server
Perplexity API PlatformVerified maker
perplexity.aiReal-time web search, reasoning, and research through Perplexity's API
Valuein โ SEC EDGAR Fundamentals & Smart-Money Data
@valueinPoint-in-time, survivorship-free SEC EDGAR fundamentals + smart-money signals for AI agents.