Search and install PixilUI React components for AI product UI into your app.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
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.
One shadcn CLI command that installs every listed item into the project, plus the components.json registries snippet to add once. Pro items also need the PIXILUI_TOKEN environment variable.
Item slugs, for example ["approval-card", "run-timeline"].
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
Run in a terminal
claude mcp add --transport http pixilui https://mcp.pixilui.com/mcp
One shadcn CLI command that installs every listed item into the project, plus the components.json registries snippet to add once. Pro items also need the PIXILUI_TOKEN environment variable.
| Argument | Type | Description |
|---|---|---|
| slugs* | array | Item slugs, for example ["approval-card", "run-timeline"]. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"slugs"
],
"properties": {
"slugs": {
"type": "array",
"items": {
"type": "string",
"minLength": 1
},
"maxItems": 30,
"minItems": 1,
"description": "Item slugs, for example [\"approval-card\", \"run-timeline\"]."
}
}
}Everything needed to use one item: when to use it and when not, the props table, keyboard, accessibility, motion, files, npm dependencies and the install command. Free items include their source. Pro items include source only when a valid Pro token is sent.
| Argument | Type | Description |
|---|---|---|
| slug* | string | Item slug from search_items or list_items, for example approval-card. |
| includeSource | boolean | Include the source files when allowed. Default true. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"minLength": 1,
"description": "Item slug from search_items or list_items, for example approval-card."
},
"includeSource": {
"type": "boolean",
"description": "Include the source files when allowed. Default true."
}
}
}The PixilUI skill for coding agents: SKILL.md and its rule files (design, motion, copy, accessibility, composition, responsive, checklist, components by job, a worked example). Call without a file for SKILL.md and the file list, or with a file name for one file.
| Argument | Type | Description |
|---|---|---|
| file | string | A file from the index, for example SKILL.md. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"file": {
"type": "string",
"description": "A file from the index, for example SKILL.md."
}
}
}The raw files of one item with their install paths, for projects that cannot run the shadcn CLI. Prefer get_install_command. Pro items need a valid Pro token. shape "standalone" returns one self-contained .tsx instead (free components): it needs only react and motion, no Tailwind and no other items.
| Argument | Type | Description |
|---|---|---|
| slug* | string | Item slug, for example tool-call-row. |
| shape | string | install (default): the registry files and their paths. standalone: one file with its styles and helpers inlined. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"minLength": 1,
"description": "Item slug, for example tool-call-row."
},
"shape": {
"enum": [
"install",
"standalone"
],
"type": "string",
"description": "install (default): the registry files and their paths. standalone: one file with its styles and helpers inlined."
}
}
}Browse every PixilUI item, optionally filtered by category or tier. Returns slug, title, kind, category, tier and a one-line description.
| Argument | Type | Description |
|---|---|---|
| tier | string | free or pro. |
| category | string | For example ai, overlays, inputs, actions, layout. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"properties": {
"tier": {
"enum": [
"free",
"pro"
],
"type": "string",
"description": "free or pro."
},
"category": {
"type": "string",
"description": "For example ai, overlays, inputs, actions, layout."
}
}
}Find PixilUI items for a UI job. Describe what the interface has to do in plain words ("ask before the agent sends", "show tool calls with their output", "modal to confirm a delete"). Searches titles, descriptions, when-to-use notes and tags and returns the best matches first. Call this before writing any UI by hand.
| Argument | Type | Description |
|---|---|---|
| tier | string | free or pro. |
| type | string | Filter by kind: foundation, component, pattern, block, screen or template. |
| limit | integer | Maximum results, default 8. |
| query* | string | What the UI has to do, or the name of a component. |
| category | string | Filter by category, for example ai, overlays, inputs, actions. |
{
"type": "object",
"$schema": "https://json-schema.org/draft/2020-12/schema",
"required": [
"query"
],
"properties": {
"tier": {
"enum": [
"free",
"pro"
],
"type": "string",
"description": "free or pro."
},
"type": {
"type": "string",
"description": "Filter by kind: foundation, component, pattern, block, screen or template."
},
"limit": {
"type": "integer",
"maximum": 25,
"minimum": 1,
"description": "Maximum results, default 8."
},
"query": {
"type": "string",
"minLength": 1,
"description": "What the UI has to do, or the name of a component."
},
"category": {
"type": "string",
"description": "Filter by category, for example ai, overlays, inputs, actions."
}
}
}We read every tool's name, description and inputs the way the model will, looking for instructions hidden from you. A clean result means no warning signs, not a guarantee. Scanned Nov 4, 2026.