Back
Marketplace/Gluestack UI

TL;DR

Gluestack UI is a Design MCP server that lets Claude Code, Cursor, Windsurf and any MCP-compatible AI agent react Native-first UI components for mobile and web development. Install in 1 minute with mcpizy install gluestack-ui.

📱

Gluestack UI

Design

Last updated May 30, 2026 · By MCPizy team

React Native-first UI components for mobile and web development.

Install Gluestack UI

Via MCPizy CLI (recommended):
mcpizy install gluestack-ui
Or run directly:
npx -y @gluestack/mcp
View on GitHub

Works with

Claude Code
Claude Desktop
Cursor
Windsurf
VS Code + Copilot
Any MCP Client

More Design MCPs

✨

21st.dev Magic

Create crafted UI components inspired by the best design engineers. AI-powered component generation.

📊

SlideSpeak

Create presentations and PowerPoints using AI. Generate professional slides from text prompts.

📈

ECharts

Generate beautiful interactive charts using Apache ECharts. Bar, line, pie, scatter, and more.

📉

Chart (AntV)

Generate visual charts using AntV visualization library. Data-driven chart creation.

Alternatives to Gluestack UI

If Gluestack UI doesn't fit your stack, these Design MCP servers solve similar problems.

🎨

Figma

Read Figma files, components, and design tokens

🧊

Blender

3D modeling and rendering via API

✏️

Excalidraw

Architecture and whiteboard diagrams

Key Takeaways

  • Gluestack UI exposes an MCP interface for design workflows in Claude Code, Cursor and Windsurf.
  • No authentication required — works out of the box once installed.
  • Install in 1 command: mcpizy install gluestack-ui — config written to your client automatically.
  • Free and open source (GitHub source linked above) — verified compatible with every MCP client (Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + Copilot).
  • Best use case: automate design workflows from your AI agent without leaving the editor.

Frequently asked questions

What is the Gluestack UI MCP server?

The Gluestack UI MCP server is an Design Model Context Protocol server that lets Claude Code, Cursor, Windsurf, VS Code with Copilot, and other MCP-compatible AI agents react Native-first UI components for mobile and web development. It exposes Gluestack UI's capabilities as tools the AI can call directly from your editor or CLI.

How do I install Gluestack UI MCP with Claude Code?

The fastest way is the MCPizy CLI: run `mcpizy install gluestack-ui` and MCPizy will add the server to your `.claude.json` automatically. You can also install it manually by adding an entry under `mcpServers` in `.claude.json` with the command `npx -y @gluestack/mcp` and restarting Claude Code.

Is Gluestack UI MCP free?

Yes. The Gluestack UI MCP server is free and open source (see the GitHub repository linked on this page). You may still need a Gluestack UI account or API key to connect the server to the underlying service, but the MCP layer itself has no MCPizy subscription cost.

Does Gluestack UI MCP work with Cursor and Windsurf?

Yes. Any MCP-compatible client works — including Claude Code, Claude Desktop, Cursor (via `.cursor/mcp.json`), Windsurf, VS Code with Copilot Chat, and custom agents built on the MCP SDK. The same install command targets all of them; only the config file path differs.

Manage all your MCPs in one place

Monitor usage, track costs, and discover new MCPs.

Get Started Free
What can I do with Gluestack UI MCP?

Once installed, your AI agent can react Native-first UI components for mobile and web development directly inside your conversation. Typical use cases include asking Claude Code or Cursor to run Gluestack UI operations, inspect results, chain Gluestack UI with other MCP servers (see our Workflow Recipes), and automate repetitive design tasks without leaving your editor.