HTML & CSS Formatter / Minifier

Beautify or minify HTML and CSS — pretty-print messy markup, or shrink it for production.

Indent

Input (184 B)

Output (216 B)

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>BEAD</title>
</head>

<body>
  <div class="hero">
    <h1>Hello, world</h1>
    <p>Click <a href="#">here</a>.</p>
  </div>
</body>

</html>

</>Use this tool programmaticallycurl · JavaScript · MCP

Same tool, callable from any HTTP client or from Claude (via MCP). Anonymous: 100 req/day per IP. Sign up for 1,000 req/day.

curl

curl https://api.b-e-a-d.com/tools/html-css-formatter/run \
  -H "Content-Type: application/json" \
  -d '{
  "lang": "html",
  "mode": "format",
  "input": "your input here",
  "indent": 2
}'

JavaScript (fetch)

const res = await fetch("https://api.b-e-a-d.com/tools/html-css-formatter/run", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
  "lang": "html",
  "mode": "format",
  "input": "your input here",
  "indent": 2
}),
});
const data = await res.json();
console.log(data.result);

MCP (Claude Desktop / Claude Code)

# In Claude Desktop / Claude Code, add to your MCP config:
{
  "mcpServers": {
    "bead": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.b-e-a-d.com"]
    }
  }
}

# Then ask Claude to call:
mcp__bead__bead_html_css_formatter

Full reference: developer docs · OpenAPI spec

HTML & CSS Formatter / Minifier

You might also like

Used in these workflows