Categories › Software Development › Frontend, UI components & design-to-code
What is this UI element called? 50 curated UI patterns, names per platform, build prompts. EN/中文.
Remote server: your requests and data go to catchui.com. Claude Code: claude mcp add --transport http catchui https://catchui.com/api/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
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 botget_ui_pattern — Returns the full CatchUI entry for one UI pattern by id (e.g. "tabbar", "bottomsheet"): definition in English and Chinese, pronunciation, allist_ui_patterns — Lists the 98 UI patterns in CatchUI's curated catalog — ids, English and Chinese names and one-line definitions — grouped by family, optionacompare_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 controlget_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 sget_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 accessiNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.