Tune it live. Every preset is pure CSS variables.
"Default" follows the body font.
Copy your complete theme and paste it as your resources/css/app.css — the Tailwind import, every token and the @theme mapping are all included, so it works as-is.
Connect the BlatUI MCP server and your agent can search, read and install components, blocks and charts — straight into your Laravel project. Works with Claude Code, Cursor, VS Code, Windsurf, Codex and any MCP client.
Use the hosted server for zero-install discovery, or the local one to read components straight from your project.
A public, stateless MCP endpoint. Point any editor at it:
{
"mcpServers": {
"blatui": {
"type": "streamable-http",
"url": "https://blatui.remix-it.com/mcp"
}
}
}
Or, in Claude Code:
claude mcp add -t http blatui https://blatui.remix-it.com/mcp
After installing the package, run the stdio server. It serves component source from your own copy (offline-friendly):
composer require blatui/blatui
# then register it with your editor:
claude mcp add -s local -t stdio blatui php artisan blatui:mcp
Manual config:
{
"mcpServers": {
"blatui": { "command": "php", "args": ["artisan", "blatui:mcp"] }
}
}
The server exposes tools, resources and prompts.
search_registrylist_componentsget_componentget_exampleinstall_commandRead any item's Blade source by URI:
blatui://component/{name}blatui://block/{name}blatui://chart/{name}use-componentscaffold-pageBlatUI ships first-class Laravel Boost guidelines and an agent skill. If your project uses Boost, your AI already knows how to use BlatUI — no extra setup. Install Boost and select the features:
composer require laravel/boost --dev
php artisan boost:install
Because blatui/blatui ships
resources/boost/guidelines/core.blade.php and a
blatui-development skill, Boost loads BlatUI's conventions
(the x-ui. namespace, blatui:add,
theming) into your agent's context automatically. The BlatUI MCP server complements Boost — Boost knows
your app; BlatUI knows every component.
Everything the MCP server returns is also plain HTTP — usable from any script or agent:
curl https://blatui.remix-it.com/registry.json # every component, block, chart
curl https://blatui.remix-it.com/r/button.json # one item, Blade source inlined
curl https://blatui.remix-it.com/llms.txt # concise index for LLMs