# blatui

Explore, read, and install BlatUI components, blocks, and charts through an MCP server. Useful when building a Laravel Blade interface.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 262
- Author: anousss007
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/anousss007/blatui
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/mcp/blatui

## What it does

blatui connects Claude Code to the BlatUI catalog. Ask an agent to find components, read about them, or install selected items in your project. The catalog covers components, blocks, and charts for interfaces built with Laravel Blade.

The server connects over HTTP with the `claude mcp add` command. Its scope is BlatUI and Laravel Blade, so it is aimed at projects using that UI library. If your project does not use Blade, its catalog will not match your interface work.

## Requirements
- Remote server: `https://blatui.remix-it.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http blatui https://blatui.remix-it.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add blatui --url https://blatui.remix-it.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "blatui": {
            "url": "https://blatui.remix-it.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "blatui": {
            "type": "http",
            "url": "https://blatui.remix-it.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http blatui https://blatui.remix-it.com/mcp
```

## When to use it
- find a suitable BlatUI component
- inspect a component before installing it
- add a UI block to a project
- find a chart in the BlatUI catalog

## Example prompts
- Find a BlatUI component for a sign-in form and explain what it offers.
- Show me BlatUI blocks for a profile page.
- Find and install a chart component from BlatUI.

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4402
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md