Beamline UI

io.beamline/beamline

React UI parts your agent copies into your repo as code you own: 200+ components, 50+ screens.

Yes, your AI can use this right now.Answered a live MCP handshake in 501 ms with no sign-in needed and exposes 4 tools.
Is this your server? Claim the listing. Verified adds a vendor-confirmed mark on this page and matching app pages.
Claim with Verified — $49/moWant it in front of people comparing Developer Tools tools? Feature it — $149/mo

Connect it

Settings → Connectors → Add custom connector
URL: https://mcp.beamline.io/mcp

4 tools, pulled live

Pulled straight from the server with tools/list on 2026-10-27.
beamline_capabilitiesread-only

The 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-only

Exact 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-only

One 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-only

Inspect 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 →
Try “Notion”, “Stripe”, “create invoice”, “browser”