HTML Table Generator

Paste CSV or TSV and get a clean HTML, Tailwind-styled HTML, or Markdown table.

DelimiterFirst row is header

Input

Output (4 rows)

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>alice@example.com</td>
      <td>Admin</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>bob@example.com</td>
      <td>User</td>
    </tr>
    <tr>
      <td>Carol</td>
      <td>carol@example.com</td>
      <td>User</td>
    </tr>
  </tbody>
</table>

Preview

Name	Email	Role
Alice	alice@example.com	Admin
Bob	bob@example.com	User
Carol	carol@example.com	User

</>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-table-generator/run \
  -H "Content-Type: application/json" \
  -d '{
  "csv": "a,b\n1,2",
  "delimiter": ",",
  "hasHeader": true,
  "style": "html",
  "indent": 2
}'

JavaScript (fetch)

const res = await fetch("https://api.b-e-a-d.com/tools/html-table-generator/run", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
  "csv": "a,b\n1,2",
  "delimiter": ",",
  "hasHeader": true,
  "style": "html",
  "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_table_generator

Full reference: developer docs · OpenAPI spec

You might also like