Loomal

flowbite-mcp

MCP server by github.com/themesberg/flowbite-mcp

MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

36 starsnpm: flowbite-mcp

About flowbite-mcp

flowbite-mcp is an MCP (Model Context Protocol) server published by themesberg in the official MCP registry, listed under Design Tools on Loomal. MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

It ships as an npm package (flowbite-mcp), so any MCP client that can launch a local process can run it.

Development happens in the open at github.com/themesberg/flowbite-mcp, where the project has earned 36 GitHub stars.

Use flowbite-mcp with your agent

Claude Code · one command
claude mcp add flowbite-mcp -- npx -y flowbite-mcp
Claude Desktop, Cursor & other MCP clients · config
{
  "mcpServers": {
    "flowbite-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ]
    }
  }
}
npmflowbite-mcp

Frequently asked questions

What is flowbite-mcp?
flowbite-mcp is an MCP (Model Context Protocol) server by themesberg in the Design Tools category. MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
How do I connect flowbite-mcp to Claude, Cursor, or another MCP client?
Install flowbite-mcp from its npm package (flowbite-mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.
Is flowbite-mcp open source?
Yes — the source code is public at github.com/themesberg/flowbite-mcp, with 36 GitHub stars.
Can AI agents pay to use flowbite-mcp?
Not yet through Loomal — flowbite-mcp is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.

More Design Tools MCP servers

Figma-Context-MCP

15.1k

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

TypeUI

1.1k

Design systems, UI prompts, and layout variations for AI coding tools.

Network Sketcher (Local MCP)

365

AI-native MCP server to design and manage Cisco network diagrams (L1/L2/L3, PPT/SVG) from LLMs.

figma-ui-mcp

208

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

plumb-mcp

60

Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan.

illustrator-mcp-server

44

Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.

Browse the full MCP server directory

Listing data from the official MCP registry and GitHub, refreshed periodically. Not affiliated with the maintainer unless claimed. Maintain flowbite-mcp? Claim this listing free by verifying GitHub ownership, or contact us.