widget-gallery (v1.0.0)

All widget types side-by-side

https://wandering-lake-mmxhs.run.mcp-use.com/mcp
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

Show an interactive React widget (auto-discovered from resources/)

html-greeting
mcp-ui-poll
programmatic-counter
detect-client

Show info about the connecting client and its capabilities

Resources (4)

ui://widget/html-greetinghtml-greeting
ui://widget/mcp-ui-pollmcp-ui-poll
ui://widget/programmatic-counter.htmlprogrammatic-counter
ui://widget/react-showcase.htmlreact-showcase

Interactive React widget showcase — auto-discovered from resources/