Real website screens for UI inspiration: login, pricing, checkout and more from live sites.
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.
Read one captured screen by its id (from search_screens): site, device, type, sector, state, summary, the interface elements marked on it, a thumbnail and the link to the full screenshot on theuiindex.com.
Screen id from search_screens.
Pick your client. Values in capitals, like YOUR_TOKEN, are yours to fill in.
claude mcp add --transport http screens https://theuiindex.com/mcp
Read one captured screen by its id (from search_screens): site, device, type, sector, state, summary, the interface elements marked on it, a thumbnail and the link to the full screenshot on theuiindex.com.
| Argument | Type | Description |
|---|---|---|
| id* | string | Screen id from search_screens. |
{
"type": "object",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"description": "Screen id from search_screens."
}
},
"additionalProperties": false
}List the screen types (login, pricing, checkout…), sectors (banking, software…) and interface states (form error, empty cart…) The UI Index uses, with how many screens each has. Use the keys as search_screens filters.
No arguments.
{
"type": "object",
"properties": {},
"additionalProperties": false
}Find real examples of website screens captured from live sites: login and sign-up pages, pricing pages, checkouts, carts, search results, home pages, forms with errors and more, on desktop and mobile, across sectors such as banking, insurance, software, retail and travel. Use it for UI and UX inspiration, design references, competitor research, or "show me how other sites do X". Returns up to 8 screens with a summary, a thumbnail and a link to the full screenshot on theuiindex.com.
| Argument | Type | Description |
|---|---|---|
| type | string | Screen type key, e.g. home, landing, pricing, login (sign-in and sign-up), checkout, cart, search-results, product-detail, form, contact, help. See list_screen_types. |
| query | string | Free words: a site, a brand, a pattern or what the screen does, e.g. "two-factor login", "bol", "annual pricing toggle". |
| state | string | Interface state key, e.g. search-results, search-no-results, filters-applied, menu-open, form-error, cart-populated. See list_screen_types. |
| device | string | Device the screen was captured on. |
| offset | integer | Skip this many results (for more of the same search). |
| sector | string | Sector key, e.g. software, ai, developer-tools, banking, insurance, retail, groceries, travel, energy, telecom, government. See list_screen_types. |
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 3, 2026.
| language | string | Language of the page. |
{
"type": "object",
"properties": {
"type": {
"type": "string",
"description": "Screen type key, e.g. home, landing, pricing, login (sign-in and sign-up), checkout, cart, search-results, product-detail, form, contact, help. See list_screen_types."
},
"query": {
"type": "string",
"description": "Free words: a site, a brand, a pattern or what the screen does, e.g. \"two-factor login\", \"bol\", \"annual pricing toggle\"."
},
"state": {
"type": "string",
"description": "Interface state key, e.g. search-results, search-no-results, filters-applied, menu-open, form-error, cart-populated. See list_screen_types."
},
"device": {
"enum": [
"desktop",
"mobile",
"tablet"
],
"type": "string",
"description": "Device the screen was captured on."
},
"offset": {
"type": "integer",
"maximum": 16,
"minimum": 0,
"description": "Skip this many results (for more of the same search)."
},
"sector": {
"type": "string",
"description": "Sector key, e.g. software, ai, developer-tools, banking, insurance, retail, groceries, travel, energy, telecom, government. See list_screen_types."
},
"language": {
"enum": [
"en",
"nl"
],
"type": "string",
"description": "Language of the page."
}
},
"additionalProperties": false
}