English Français العربية

Tileio

Official registry Search and web

Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.

Website

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

Remote (streamable-http)
Claude Code 
claude mcp add --transport http tileio 'https://tileio.com/api/mcp' --header 'Authorization: <Optional. A Tileio API key from https://tileio.com/account spends your account'\''s daily premium allowance; without it the server serves free layers and the anonymous allowance.>'
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "tileio": {
            "type": "http",
            "url": "https://tileio.com/api/mcp",
            "headers": {
                "Authorization": "<Optional. A Tileio API key from https://tileio.com/account spends your account's daily premium allowance; without it the server serves free layers and the anonymous allowance.>"
            }
        }
    }
}
NPM package tileio-mcp
Claude Code 
claude mcp add tileio -e 'TILEIO_API_KEY=<your tileio_api_key>' -- npx -y tileio-mcp@1.0.0
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "tileio": {
            "command": "npx",
            "args": [
                "-y",
                "tileio-mcp@1.0.0"
            ],
            "env": {
                "TILEIO_API_KEY": "<your tileio_api_key>"
            }
        }
    }
}

Environment variables

  • TILEIO_API_KEY secret Optional. A Tileio API key (tio_...) from https://tileio.com/account, for your account's daily premium allowance.

Frequently asked questions

What is Tileio?

Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.

How do I install Tileio?

It runs as a remote server. In Claude Code: claude mcp add --transport http tileio 'https://tileio.com/api/mcp' --header 'Authorization: <Optional. A Tileio API key from https://tileio.com/account spends your account'\''s daily premium allowance; without it the server serves free layers and the anonymous allowance.>'. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Tileio need an API key?

Yes. It expects TILEIO_API_KEY, Authorization, which you set in its configuration.

Who maintains Tileio?

It is published by com.tileio. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.