MCP Server

Model Context Protocol (MCP)

Viora UI provides an official Model Context Protocol (MCP) server so you can query, search, and insert components directly inside AI code editors like Cursor, Windsurf, and Claude Desktop.

Quick Setup

Add the Viora UI MCP configuration to your editor's MCP config file:

Cursor / Claude Desktop Config

{
  "mcpServers": {
    "Viora-ui": {
      "command": "npx",
      "args": ["-y", "@Viora-ui/mcp-server"]
    }
  }
}

Features

• Component Search: Search across 200+ primitives and templates using natural language.
• Direct Code Insertion: Ask your AI agent to "add the Viora UI fluid tabs component" and it will generate the complete implementation and imports.
• Prop Schema Inspection: Retrieve exact TypeScript types, interfaces, and variant props for any primitive on demand.