Flowbite MCP Server

by themesbergio.github.themesberg/flowbite-mcpv1.1.3

AI assistance for Flowbite, the open-source UI framework based on Tailwind CSS.

42Node.jsstdioofficial registry

context tax

queued

security

queued

cold start

queued

freshness

Stale9mo ago

Install Flowbite MCP server

claude mcp add flowbite -e FIGMA_ACCESS_TOKEN='<figma-access-token>' -- npx -y flowbite-mcp

{
  "mcpServers": {
    "flowbite": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project).

{
  "mcpServers": {
    "flowbite": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

{
  "servers": {
    "flowbite": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to .vscode/mcp.json in your workspace.

{
  "mcpServers": {
    "flowbite": {
      "command": "npx",
      "args": [
        "-y",
        "flowbite-mcp"
      ],
      "env": {
        "FIGMA_ACCESS_TOKEN": "<figma-access-token>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.

Configuration

Variable	Required	Secret	Description
FIGMA_ACCESS_TOKEN	yes	yes	Your personal access token for the Figma API

Freshness

Stale — last maintenance signal 9mo ago. The newest of the signals below sets the band.

Last commit (default branch)
2026-01-04 · 9mo ago · GitHub
Latest release
2026-01-04 · 9mo ago · GitHub · v1.1.5
Package published
no data · npm/PyPI
Registry entry updated
2025-12-10 · 10mo ago · official registry · v1.1.3

FAQ

›How do I install the Flowbite MCP server in Claude Code?

Run: claude mcp add flowbite -e FIGMA_ACCESS_TOKEN='<figma-access-token>' -- npx -y flowbite-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does Flowbite require an API key?

Yes. It expects FIGMA_ACCESS_TOKEN, of which 1 is a secret.

›Can I use Flowbite as a remote (hosted) MCP server?

No hosted endpoint is published; it runs locally over stdio.

›Is Flowbite in the official MCP registry?

Yes, as io.github.themesberg/flowbite-mcp.