Provider hosted
No sign in
Tools: 3

CatchUI

CatchUI

What is that UI element called? Drop in a screenshot and CatchUI names every pattern inside it — the proper term, what it is for, and a card for your library.

https://catchui.com/

Use in your AI tool

Use the tools from this page

Opens ChatGPT on the web or desktop and asks it to use the WebMCP tools available here.

Connect the MCP server

Connect straight to this server’s public endpoint.

Remote MCP URL
https://catchui.com/api/mcp

Use on MCPBundles

We add this server to your workspace, then open Studio — saved access, one connection to many servers, with a history of what ran.

Last probed Sep 14, 2026 · catchui.com

3tools discovered

Tools discovered (3)

  • Search UI patterns by description

    Find 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", "segmented control", "汉堡菜单". Searches CatchUI's curated catalog of 28 patterns and returns names (English and Chinese), definitions, matching Q&A, and canonical catalog URLs. Use it whenever someone asks what a UI element is called or what a UI/UX term means.

  • Get one UI pattern entry

    Get the full CatchUI teaching entry for one UI pattern by its id (e.g. "tabbar", "bottomsheet"): definition in English and Chinese, pronunciation, aliases, real search questions with answers, related patterns, and the canonical catalog URL. If you only have a description, call search_ui_patterns first.

  • List the UI pattern catalog

    List all 28 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).

Get your MCP into directories

A working endpoint is step one. Directory coverage is the coordinated launch across ChatGPT, Claude, Cursor, the MCP Registry, and community indexes.

Directory coverage for brands

Frequently Asked Questions

What is the CatchUI MCP server?

What is that UI element called? Drop in a screenshot and CatchUI names every pattern inside it — the proper term, what it is for, and a card for your library.

How do I connect CatchUI to my AI agent?

Use the MCP endpoint listed on this page in your MCP client configuration. One-click install pills support Claude, Cursor, VS Code, and other hosts. Copy the remote MCP URL if your client needs a manual entry.

How many tools does CatchUI provide?

MCPBundles probed 3 tools on the live server. The tool list on this page reflects what was discovered at the last refresh — connect your client to see the full set available to your session.

What authentication does CatchUI require?

No provider sign-in was required during MCPBundles' probe. Your client may still need MCPBundles credentials depending on how you connect.

Maintain this listing

Operate CatchUI? Verify ownership to take over this directory entry.

Operate CatchUI?

This server appears in the MCPBundles directory. Verify you operate it to take over the listing — name, description, logo, contact email, and skill content. We email a 6-digit code to a maintainer address your server publishes in /.well-known/security.txt or /.well-known/mcpbundles.json. Free, takes about a minute.

Claim this listing