CatchUI
What is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.
| Endpoint | https://catchui.com/api/mcp (streamable-http) |
|---|---|
| Registry version | 1.1.0 |
| Now | 6 tools · grade A (98) · pin ts_1c9b50f4e20be13490b34dc7cc45d595 · protocol 2025-06-18 |
| First / last listed | 2026-10-24 20:59 UTC / 2026-10-24 20:59 UTC |
| Grade over time | 2026-10-24: A (98), 6 tools |
Is this your server? Own a server? ToolFit hosted watch re-checks it every 24 h ($0.25 per 30 days) or 6 h ($0.60) and sends you an HMAC-signed webhook when its tools or grade change: POST https://api.youraitools.co/toolfit/v1/watch. To opt out, see About & opt-out.
Tools: search_ui_patterns get_ui_pattern list_ui_patterns compare_ui_patterns get_ui_component_names get_implementation_prompt
search_ui_patterns | Finds 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 61 patterns and returns names in English and Chinese, definitions, the best-matching Q&A and each entry's catalog URL. Use when s params: query*, limit |
get_ui_pattern | Returns 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. params: id* |
list_ui_patterns | Lists the 61 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). params: family |
compare_ui_patterns | Explains 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. params: patterns* |
get_ui_component_names | Returns 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 c params: query*, platform |
get_implementation_prompt | Returns 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. params: patterns*, language |
Entries describe changes in tool definitions. They are not statements about a server, its quality or its author. The grade measures how the tool definitions fit model providers (token cost, schema compatibility, confusable names) as scored by the ToolFit engine at the time of the listing. JSON: append .json. Opt-out: how or hello@youraitools.co.