Widget Gallery (v2.0.0)

A gallery of interactive MCP App View patterns.

https://wandering-lake-mmxhs.run.mcp-use.com/mcp
Open in Inspector
Powered by github.com/mcp-use/mcp-use GitHub stars

Installation Guide

Choose your preferred MCP client

Install in Claude Code

Run this command in your terminal:

claude mcp add --transport http "widget_gallery" 'https://wandering-lake-mmxhs.run.mcp-use.com/mcp'

Install in Cursor

Click the button below to add this MCP server to Cursor:

Open in Cursor

Or add manually: Settings → MCP → Add server

Install in VS Code

Click the button below to add this MCP server to VS Code:

Open in VS Code

Or add manually: Settings → MCP → Add server

Install in VS Code Insiders

Click the button below to add this MCP server to VS Code Insiders:

Open in VS Code Insiders

Or add manually: Settings → MCP → Add server

Connect with ChatGPT

  1. Enable Developer Mode: Settings → Connectors → Advanced → Developer mode
  2. Import this MCP server: Go to Connectors tab and add: https://wandering-lake-mmxhs.run.mcp-use.com/mcp
  3. Use in conversations: Choose the MCP server from the Plus menu

Primitives

Tools (5)

Show React widget

Display an interactive React view with a counter and display-mode controls.

HTML greeting

Display a styled greeting card.

Quick poll

Display an interactive three-option poll.

Programmatic counter

Display an interactive counter initialized with the supplied value.

Detect client

Report the connecting client's declared details and View support.