Nuxt UI
listing.by
Look up Nuxt UI components, props, slots, examples, templates and docs pages from your AI assistant.
listing.connect
listing.explain.none
listing.note.none listing.note.none_direct
listing.share.h
listing.share.p
mcp.tc/i/nuxt-uilisting.about
Gives an assistant structured access to the Nuxt UI library. It can search components and composables, read component documentation, fetch props, slots and events, pull example source code, browse project templates, read the migration guide and search icons across Iconify collections.
It runs as a hosted streamable HTTP endpoint at https://ui.nuxt.com/mcp. No sign-in or API key is needed. An optional X-MCP-Tools header limits which tools are exposed. The server also offers three prompts and five discovery resources.
listing.can
- Search Nuxt UI components by name, category or intent
- Get component docs, with optional section filtering
- Get compact props, slots and events metadata
- Read documentation pages by path or heading
- List and read UI example source code
- Browse project templates by framework
- Search Iconify icons in the Nuxt UI naming format
- Read the migration guide for the current version
listing.tools 12
get-component-metadatalisting.hint.roGet props, slots and events for a component; compact by default, full schemas optional.
get-componentlisting.hint.roGet component documentation, optionally limited to specific sections.
get-documentation-pagelisting.hint.roRead a documentation page by path, optionally only chosen h2 sections.
get-examplelisting.hint.roGet the source code of a UI example by name.
get-migration-guidelisting.hint.roGet upgrade instructions for this version of Nuxt UI.
get-templatelisting.hint.roGet a template's description, framework, features and links.
list-exampleslisting.hint.roList the names of all available UI examples.
list-templateslisting.hint.roList Nuxt UI templates, optionally filtered by framework.
search-componentslisting.hint.roSearch components by name, category or intent, ranked by relevance.
search-composableslisting.hint.roSearch composables by name or description.
search-documentationlisting.hint.roSearch documentation pages by title, description or section.
search-iconslisting.hint.roSearch Iconify collections and return icon names as i-prefix-name.
listing.prov.live_on listing.prov.hints
listing.prompts
Which Nuxt UI component should I use for a segmented control?
Show the props and slots of the Nuxt UI Modal component.
List Nuxt UI templates and describe the dashboard one.
Find a lucide icon for settings in Nuxt UI format.
listing.setup.h
listing.setup.remote
Claude Code
- Run this in a terminal, in your project folder:
claude mcp add --transport http nuxt-ui https://ui.nuxt.com/mcp- Start Claude Code and type
/mcp. nuxt-ui should show as connected.
Add --scope user to make it available in every project, not just this one.
Claude Desktop
- Open Settings → Connectors and click Add custom connector.
- Name it Nuxt UI and paste this URL:
https://ui.nuxt.com/mcp- Click Add. Its tools appear in the chat's tools menu.
Claude Desktop's JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.
claude.ai
- Open the connector form on claude.ai. This button fills in the name and URL for you:
- Check that the URL reads
https://ui.nuxt.com/mcpand click Add. - Turn it on in a chat from the tools menu.
Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.
ChatGPT
- On chatgpt.com, open Settings → Security and login and turn on Developer mode.
- Go to
chatgpt.com/pluginsand click + to create an app for a remote MCP server. - Paste
https://ui.nuxt.com/mcpas the server URL and choose No authentication.
Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.
Cursor
Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):
{
"mcpServers": {
"nuxt-ui": {
"url": "https://ui.nuxt.com/mcp"
}
}
}VS Code
Install in VS Code a11y.new_tab
Or from a terminal:
code --add-mcp '{"name":"nuxt-ui","type":"http","url":"https://ui.nuxt.com/mcp"}'Or commit it to the repo in .vscode/mcp.json:
{
"servers": {
"nuxt-ui": {
"type": "http",
"url": "https://ui.nuxt.com/mcp"
}
}
}Devin Desktop
- Add it to
~/.config/devin/mcp_config.json(macOS and Linux) or%APPDATA%\devin\mcp_config.json(Windows):
{
"mcpServers": {
"nuxt-ui": {
"serverUrl": "https://ui.nuxt.com/mcp"
}
}
}- Refresh the MCP server list in Cascade.
Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.
Codex
codex mcp add nuxt-ui --url https://ui.nuxt.com/mcpOr edit ~/.codex/config.toml directly:
[mcp_servers.nuxt-ui]
url = "https://ui.nuxt.com/mcp"Gemini CLI
gemini mcp add --transport http nuxt-ui https://ui.nuxt.com/mcpThis adds it to the current project. Add -s user to use it everywhere.
Any client
Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI's settings file.
{
"mcpServers": {
"nuxt-ui": {
"type": "http",
"url": "https://ui.nuxt.com/mcp"
}
}
}Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.
Client only starts local servers? Bridge it with npx -y mcp-remote https://ui.nuxt.com/mcp.
listing.faq
Can I paste mcp.tc/i/nuxt-ui into my MCP client?
No. mcp.tc links are pages, not server addresses. Connect with https://ui.nuxt.com/mcp, so your client talks to Nuxt UI directly. The quick link is for sharing: it opens this page, with setup steps for every client.
Does Nuxt UI need an API key or a sign-in?
No. Nuxt UI doesn't ask for an account or key.
Is Nuxt UI a remote or a local server?
Remote. Nuxt hosts it at https://ui.nuxt.com/mcp, and it speaks Streamable HTTP. There's nothing to install.
What can Nuxt UI do?
It has 12 tools, including get-component-metadata, get-component and get-documentation-page. You can search Nuxt UI components by name, category or intent, get component docs, with optional section filtering and get compact props, slots and events metadata.
Which clients can use it?
Any client that supports remote MCP servers: Claude Code, Claude Desktop, claude.ai, ChatGPT in developer mode, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. The setup steps cover each one.
Who wrote this page?
mcp.tc's robot read Nuxt UI's own metadata (its MCP handshake, tool list and public pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.
listing.em.h
listing.em.lead listing.em.how
listing.em.badge
[](https://mcp.tc/i/nuxt-ui)<a href="https://mcp.tc/i/nuxt-ui"><img src="https://mcp.tc/i/nuxt-ui/badge.svg" alt="Nuxt UI on mcp.tc" height="20"></a>listing.em.badge_note
listing.em.widget
<script src="https://mcp.tc/w/nuxt-ui.js" async></script>listing.em.widget_note
iframe
<iframe src="https://mcp.tc/embed/nuxt-ui" title="Nuxt UI on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>listing.em.iframe_note
listing.disclaimer_checked