Flowbite Mcp

Name: Flowbite Mcp
Author: themesberg

by themesbergcommunityv1.1.3

This MCP server enables AI assistants to access the Flowbite library of Tailwind CSS components and offers an intelligent theme generator for creating custom branded designs.

From the registry: MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

GitHub Repository Website

Install & configure

Prerequisites

optional
Figma personal access token (optional)
Only required to enable the Figma-to-code generation tool
https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens

Install in your client

Paste into the AI you're chatting with — it will figure out the rest

Please install the `flowbite-mcp` MCP server into my current AI client (that's you).

Optional prerequisites:
- Figma personal access token (optional) — Only required to enable the Figma-to-code generation tool (https://help.figma.com/hc/en-us/articles/8085703771159-Manage-personal-access-tokens)

Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","flowbite-mcp"]
- optional environment variables:
  - `FIGMA_ACCESS_TOKEN`: Personal Figma access token for Figma-to-code tool (example: `<your-figma-token>`)
  - `MCP_TRANSPORT_MODE`: Transport mode: stdio (default) or http (example: `stdio`)
  - `MCP_PORT`: Server port for HTTP mode (example: `3000`)
  - `MCP_HOST`: Host binding for HTTP mode (example: `0.0.0.0`)
  - `MCP_CORS_ORIGINS`: Comma-separated CORS origins (example: `http://localhost:3000`)

Note: Official Flowbite MCP. Supports stdio (default) and HTTP transports. Also available via Docker.

Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.

Note: Official Flowbite MCP. Supports stdio (default) and HTTP transports. Also available via Docker.