Skip to main content

CatchUI

com.catchui/ui-patternsVersion 1.1.0

What is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.

Status

Responds256 msAnswered our handshake without sign-in.

Registry data may be out of date

We could not refresh it, so this page shows the last copy.
Last checked
Nov 14, 2026, 13:50 UTC
Latency
256 ms
Remotes responding
1 of 1
Sign-in
No sign-in
Hosting
Hosted outside the EU (detected)
Registry data as of
Nov 14, 2026, 21:12 UTC

Data from the official MCP Registry, checked by run.zero. How we check

Connect

Streamable HTTP
https://catchui.com/api/mcpResponds256 ms
No sign-in

Claude Code

claude mcp add --transport http ui-patterns https://catchui.com/api/mcp

Claude Desktop and claude.ai

Settings > Connectors > Add custom connector
Name: ui-patterns
Remote MCP server URL: https://catchui.com/api/mcp

Cursor

{
  "mcpServers": {
    "ui-patterns": {
      "url": "https://catchui.com/api/mcp"
    }
  }
}

VS Code

code --add-mcp '{"name":"ui-patterns","type":"http","url":"https://catchui.com/api/mcp"}'

Built your own server? run.zero hosts MCP servers on European infrastructure.

Host your own MCP server on run.zero

Tools

6 tools

Tools of CatchUI
Read-only
Idempotent
Open world
compare_ui_patternsExplains how 2 to 4 easily confused UI patterns differ — e.g. toast vs snackbar, modal vs popover vs bottom sheet, tabs vs segmented control, Dynamic Island vs notch. Returns each definition side by side plus the catalog's written comparison when one exists. Accepts ids, names or short descriptions.NoYesYesNo
get_implementation_promptReturns CatchUI's ready-to-use implementation instructions for 1 to 6 UI patterns — what to build, where it sits, its states and the accessibility it needs — in English or Chinese, for pasting into an AI coding tool such as Claude Code or Cursor. Accepts ids, names or short descriptions.NoYesYesNo
get_ui_component_namesReturns what a UI pattern is called in code on each platform — SwiftUI, UIKit, Jetpack Compose, Android Views, Flutter, HTML/ARIA and, for system UI, AppKit, Win32 and Electron — or works backwards from a framework component (e.g. "UISegmentedControl", "ModalBottomSheet", "role=tablist") to the pattern and its equivalents elsewhere. Optionally filtered to one platform. Platforms without a native component say so instead of naming one.NoYesYesNo
get_ui_patternReturns the full CatchUI entry for one UI pattern by id (e.g. "tabbar", "bottomsheet"): definition in English and Chinese, pronunciation, aliases, how people describe it, component names per platform, an implementation prompt, real search questions with answers, related patterns and the catalog URL. Takes an id; search_ui_patterns finds ids from descriptions.NoYesYesNo
list_ui_patternsLists the 98 UI patterns in CatchUI's curated catalog — ids, English and Chinese names and one-line definitions — grouped by family, optionally filtered to one family (NAV, INPUT, ACTION, OVERLAY, FEEDBACK, CONTENT, DATA, SYSTEM).NoYesYesNo
search_ui_patternsFinds the conventional name of a UI element or design pattern from a plain-language description, question or term — e.g. "the bar at the bottom of an app", "three horizontal lines icon", "the black bar at the top of iPhone", "汉堡菜单". Searches CatchUI's curated catalog of 98 patterns and returns names in English and Chinese, definitions, the best-matching Q&A and each entry's catalog URL. Use when someone asks what a UI element is called or what a UI/UX term means.NoYesYesNo

Details

Registry status
Active
Published
Oct 10, 2026
Updated
Oct 10, 2026
Repository
Not given
Categories (suggested)
AI modelsSuggested categories are assigned automatically from the registry text and may be wrong. Verified operators can correct them.
GDPR
Not declared

Are you the operator? Claim this listing