# Mobbin

Searches real UI and UX patterns from mobile and web apps via Mobbin. It pulls interface references directly into your coding assistant.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 65
- Author: mobbin
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/mobbin/mobbin-mcp-server
- Updated: 2026-09-24
- HTML: https://affpapa.org/en/nevibecode/mcp/mobbin

## What it does

The server connects your MCP client with Mobbin's collection of design patterns and screen layouts. You can inspect existing mobile and web interfaces directly during prompt sessions without leaving your editor. There is no code to download and no manual API token to create, as everything runs remotely at `https://api.mobbin.com/mcp`.

Communication relies on Streamable HTTP transport. A browser tab opens on initial request so you can authenticate your Mobbin account with OAuth. In Cline, declare `"type": "streamableHttp"` alongside the URL; missing it forces fallback to legacy SSE and halts the connection.

## Requirements
- Remote server: `https://api.mobbin.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http mobbin https://api.mobbin.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add mobbin --url https://api.mobbin.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "mobbin": {
            "url": "https://api.mobbin.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "mobbin": {
            "type": "http",
            "url": "https://api.mobbin.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http mobbin https://api.mobbin.com/mcp
```

## When to use it
- find onboarding flow references for a mobile application
- review user profile layout patterns from live web apps
- gather checkout UX design examples without browsing the site
- inspect navigation structures across real-world digital products

## Example prompts
- Find subscription paywall examples for iOS apps via Mobbin
- Show account settings UI patterns from web apps using Mobbin
- Search Mobbin for checkout step designs in mobile ecommerce

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36398
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7506
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6114
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md