Petal Components MCP Server

by petalframework Your server? Claim it

answering

Petal Components MCP is answering right now. Last checked 12 min ago. 43 installs a week from npm. It exposes 3 tools. Last commit 10 Oct 2026.

Phoenix LiveView component schemas from petal_components, exposed to AI coding assistants.

Installs per day peak 9 · avg 4 · -11% w/w

a month agotoday

Uptime history 91 days of history · worst day 97%

91 days agonow

100.0%

Uptime 24h

91 of 91 checks

Tools

read from the server

443 ms

Response time

average over 24h

Installs / week

npm and PyPI

Petal Components MCP does not always answer

Over the last week it answered 99.4% of our checks. We check every 15 minutes, so you hear about the next outage within the hour — not from your users.

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 12 min ago.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

claude mcp add petal-components-mcp --transport http https://mcp.petal.build/mcp

Settings → Connectors → Add custom connector, then paste this address

https://mcp.petal.build/mcp

~/.codex/config.toml

[mcp_servers.petal-components-mcp]
url = "https://mcp.petal.build/mcp"

.cursor/mcp.json

{
  "mcpServers": {
    "petal-components-mcp": {
      "url": "https://mcp.petal.build/mcp"
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "petal-components-mcp": {
      "type": "http",
      "url": "https://mcp.petal.build/mcp"
    }
  }
}

Available tools 3

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

component

get_component

Get the full schema for one petal_components component: attrs, slots, defaults, allowed values, and a working HEEx usage example. Call this every time you are about to write a tag like <.button>, <.modal>, <.table>, or <.field> so the attrs and slots match the real library instead of training-data guesses.

components

list_components

List every component shipped by petal_components, the shadcn-style component library for Phoenix LiveView. This is the canonical Phoenix UI vocabulary - call it before composing any HEEx so you reach for an existing component instead of hand-rolling Tailwind divs.

install

get_install_instructions

Get the canonical steps for installing petal_components in a Phoenix project. Call this when the user asks to install petal_components, when you are setting up a new Phoenix project that needs UI components, or when verifying an existing installation. Returns step-by-step instructions covering mix.exs, mix deps.get, Tailwind v4 CSS config, and the web module import. Steps are idempotent - safe to follow on a project that is partially configured.

Endpoints

URL	Transport	State	Latency	Checked
https://mcp.petal.build/mcp	streamable-http	answering	264 ms	12 min ago

Alternatives to Petal Components MCP

same job, measured the same way

redline

by gowtham0992

Run local prompt regression checks from prompt-response logs in AI coding assistants.

85 installs/wk local only

Glue Code Generator

by maverick7

Maps API JSON to Vue/React components with Zod schemas and live UI previews

75 installs/wk local only

Captain Legal

by captain

Compliant legal documents from your AI assistant: 1,100+ templates, 15 countries, free preview.

5 tools answering

Livewire Flux MCP

by lemaur

Flux UI component and layout docs for AI coding agents. Live from fluxui.dev, Pro-tier aware.

473 installs/wk local only

appCN

by shineup

Install & correctly use appCN React Native / Expo components, streamed from the live registry.

52 installs/wk local only

Monexa

by emilijan-koteski

Track expenses and income, recurring payments and spending trends in Monexa from any AI assistant.

answering

LinkedIn by 1Social

by 1social

Publish and schedule LinkedIn posts from your AI assistant.

answering

Memorykit

by rapozoantonio

Cognitive memory for AI coding assistants — persistent memory across sessions

86 installs/wk local only

Petal Components MCP — questions

Answers built from our own checks of this server.

What can Petal Components MCP do?

It exposes 3 tools, read directly from the server on our last check. Among them: get_component, get_install_instructions, list_components. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →

Is Petal Components MCP working right now?

We send a real MCP handshake every 15 minutes. Over the last 24 hours 91 of 91 checks got a reply (100.0%), average response time 443 ms. The bar chart above shows every period we have measured.

How do I connect Petal Components MCP?

Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.

Does Petal Components MCP need an API key?

No. Petal Components MCP completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 3 of them are readable on this page. This is what we observed, not what the docs claim.

How fast is Petal Components MCP?

It answers our handshake in 443 ms on average, which is faster than 28% of all working MCP servers we measure. The comparison comes from our own checks across the whole registry, every 15 minutes.

How many people use Petal Components MCP?

The npm package petal-components-mcp was installed 43 times in the last week. Week over week that is -11%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is Petal Components MCP open source?

The code is open source: it is published under the MIT licence, written in TypeScript and 1 stars on GitHub. The licence covers the code in the repository, not the hosted service at mcp.petal.build, which runs on its operator's own terms.