Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
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.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Details of one layer by id: description, fonts, blocks, and the palettes or variants (with their index) and parameters that get_prompt accepts. Does not include the prompt or source.
Layer id from search_layers, e.g. "aurora-mesh".
Details of one layer by id: description, fonts, blocks, and the palettes or variants (with their index) and parameters that get_prompt accepts. Does not include the prompt or source.
| Argument | Type | Description |
|---|---|---|
| id* | string | Layer id from search_layers, e.g. "aurora-mesh". |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"maxLength": 80,
"description": "Layer id from search_layers, e.g. \"aurora-mesh\"."
}
}
}The full prompt that rebuilds a layer in the chosen framework, with the chosen palette (templates, sections, pages, elements, gradients) or variant (3D scenes, backgrounds, vectors). Follow it as the build brief. Free layers have no limit. A premium layer counts once per UTC day against the caller's daily limit (1 without a key, 3 Free, 30 Pro, none for Lifetime); fetching it again that day is free.
| Argument | Type | Description |
|---|---|---|
| id* | string | Layer id from search_layers. |
| target | string | Framework to build for (see list_targets). Default: one self-contained HTML file. |
| palette | integer | Palette index from get_layer. Default 0. |
| variant | integer | Variant index from get_layer. Default 0. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"maxLength": 80,
"description": "Layer id from search_layers."
},
"target": {
"enum": [
"html",
"next",
"react",
"vue",
"astro",
"wordpress",
"shopify",
"webflow"
],
"type": "string",
"default": "html",
"description": "Framework to build for (see list_targets). Default: one self-contained HTML file."
},
"palette": {
"type": "integer",
"maximum": 9007199254740991,
"minimum": 0,
"description": "Palette index from get_layer. Default 0."
},
"variant": {
"type": "integer",
"maximum": 9007199254740991,
"minimum": 0,
"description": "Variant index from get_layer. Default 0."
}
}
}The frameworks get_prompt can write a layer for, with the id to pass as target.
No arguments.
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {}
}Search the Tileio library by free text and filters. Returns layer ids with their catalogue number (the N° shown on tileio.com), title, category, subtitle (industry, section type, technique...), tier, tone, description and page URL. get_prompt on a premium layer counts toward a daily limit; pass tier "free" to list only layers with no limit.
| Argument | Type | Description |
|---|---|---|
| tier | string | |
| tone | string | Dark or light base colour. |
| limit | integer | Results per page, 1-50. |
| query | string | Words to match, e.g. "pricing table", "dark saas hero", "particles". All words must match. |
| offset | integer | Skip this many results (paging). |
| category | string | Only this kind of layer. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"tier": {
"enum": [
"free",
"premium"
],
"type": "string"
},
"tone": {
"enum": [
"dark",
"light"
],
"type": "string",
"description": "Dark or light base colour."
},
"limit": {
"type": "integer",
"default": 10,
"maximum": 50,
"minimum": 1,
"description": "Results per page, 1-50."
},
"query": {
"type": "string",
"maxLength": 200,
"description": "Words to match, e.g. \"pricing table\", \"dark saas hero\", \"particles\". All words must match."
},
"offset": {
"type": "integer",
"default": 0,
"maximum": 9007199254740991,
"minimum": 0,
"description": "Skip this many results (paging)."
},
"category": {
"enum": [
"template",
"scene",
"section",
"background",
"gradient",
"page",
"element",
"vector"
],
"type": "string",
"description": "Only this kind of layer."
}
}
}