Livewire Flux MCP

What it does

Livewire Flux MCP connects AI assistants to the full Livewire Flux UI component documentation from fluxui.dev. It scrapes and structures component references, layout guides, and Heroicon catalogs so that AI coding assistants can instantly look up props, usage patterns, and available icons when building Laravel Livewire applications with Flux.

Tools

• fetch_flux_docs — Fetches documentation for a specific Flux component or layout, optionally filtered by search term. Returns main content plus reference sections with API details and props.
• list_flux_components — Lists all available Flux components from fluxui.dev/components with their names and documentation paths.
• list_flux_layouts — Lists all available Flux layouts from fluxui.dev/layouts with their names and documentation paths.
• list_flux_component_icons — Lists all available Heroicons for the flux:icon component, filterable by variant (outline, solid, mini, micro) and searchable by name. Includes usage examples and GitHub links.

Installation

Add to your claude_desktop_config.json:

{
  "mcpServers": {
    "flux-docs": {
      "command": "npx",
      "args": ["livewire-flux-mcp"]
    }
  }
}

Supported hosts

Claude Desktop, VS Code Copilot, Cursor