
Beamline UI
React UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens.
Connect it
Settings → Connectors → Add custom connector
URL: https://mcp.beamline.io/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://mcp.beamline.io/mcp{
"mcpServers": {
"beamline": {
"url": "https://mcp.beamline.io/mcp"
}
}
}claude mcp add --transport http beamline https://mcp.beamline.io/mcp{
"servers": {
"beamline": {
"type": "http",
"url": "https://mcp.beamline.io/mcp"
}
}
}4 tools, pulled live
beamline_capabilitiesread-onlyThe 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. Call it before designing and read every part in order; each answer names the next. Choose by the person's workflow and data: a block when its job, data and actions fit, otherwise
beamline_componentread-onlyExact 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 code with it; never guess props. Many ids come back in parts: call again with the same ids and the next part. A block's compose: lines list the parts it is built from, your kit when
beamline_installread-onlyOne 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. Run the command in the app folder, import the stylesheet once and pass the installed look to UIRoot. In an app that already has Beamline, pass installed (its release): the answer
beamline_pictureread-onlyInspect 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 too; their code still needs access. Choose pictures that resolve a design question rather than requesting the whole catalogue. This previews a library part, not the app you compose fr
Alternatives in Developer Tools
Compare →RDRevoGrid DataGrid MCPA
Token-free MCP server for structured RevoGrid Core, Pro, and Enterprise knowledge retrieval.
RDRevoGrid DataGrid MCP ProA
Hosted Pro MCP server for RevoGrid DataGrid docs, examples, feature checks, and migration guidance.
LALabelhead Artist MomentumA
Trending hip-hop artist momentum scores across four cultural dimensions.
TLTldrawA
Draw and visually collaborate with your agents on tldraw's canvas.
SHShipSwiftA
40+ production-ready SwiftUI recipes for building full-stack iOS apps via MCP.
SESemioticA
Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.