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.

OnlineRemote
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/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://mcp.beamline.io/mcp

Cursor, 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 co
  • beamline_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 later
  • beamline_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
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/io-beamline-beamline.svg)](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 all