{"repo":"themesberg/flowbite-mcp","free":true,"listed":false,"github":"https://github.com/themesberg/flowbite-mcp","clone":"git clone https://github.com/themesberg/flowbite-mcp.git","description":"Convert Figma design to code with the official Flowbite MCP server","language":"JavaScript","stars":40,"topics":["flowbite","mcp","mcp-server","mcp-stdio","css-mcp","flowbite-mcp","html-mcp","mcp-components","mcp-docker","ui-mcp"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Official MCP server for Flowbite to leverage AI for UI creation and theme generation An MCP server that enables AI assistants to access the Flowbite library of Tailwind CSS components—including UI elements, forms, typography, and plugins—while offering an intelligent theme generator for creating custom branded designs within AI-driven development environments. MCP Features Tools: - 🎨 [NEW] Figma to code - Copy the Figma node url and generate code (video demo) - 🎯 Theme file generator - Create custom branded themes from any branded hex color Resources: - 📦 60+ UI components - Complete access to the Flowbite UI components Server: - 🌐 Dual transport support - Standard I/O (stdio) for CLI or HTTP Streamable for server deployments - ⚡ Production ready - Docker support with health checks and monitoring Quickstart Using NPX The simplest way to use Flowbite MCP Server: Environment variables Currently you only need the Figma personal access token if you want to enable the Figma to code generation tool. You set this variable in your MCP client configuration file. Integration examples Use the following configuration examples to install the Flowbite MCP server in popular clients such as Cursor, Claude, Windsurf, and others. Claude desktop Update the claude desktop config.json file and add the following configuration: Cursor editor Update the mcp.json file and add the following configuration: Windsurf editor Update the mcp config.json file and add the following configuration: Glama.ai","default_branch":null,"files":null,"tree":[],"storefront":"/r/themesberg","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/themesberg/flowbite-mcp/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}