Mito UI is a modern, TypeScript-first component ecosystem engineered for the next generation of web applications. Beyond offering sleek, accessible, and production-ready primitives, Mito UI pioneers AI-ready architecture tailored for agent-driven experiences (conversational interfaces, generative UI and RAG pipelines) and designed to integrate seamlessly into AI coding environments via the Model Context Protocol (MCP).
\n\n## Private Monorepository (Request Access) 🔐\nAccess to the core source code is currently restricted.\nMito UI Repository\n\n## Quick Start\nRead the official Mito UI documentation for comprehensive guides on React primitives, backend architectural blueprints and MCP server deployment.
\n\n## Usage\n\n#### Install Mito UI Component Library\nFor standard React frontend application project:
\n\n```bash\nnpm install @emeraldemperaur/mito-ui\n```\n\n#### Connect with AI Developer via MCP Server \nMito UI provides an official Model Context Protocol server, allowing AI IDEs to directly read the component registry, type definitions, and backend blueprints to facilitate a hallucination-resistant developer experience.
\n\n##### Option A: Remote Enterprise Connection (Frictionless Authentication)\nFor subscribed users, add the managed endpoint to the AI IDE's MCP configuration. Mito UI utilizes Streamable HTTP in tandem with dynamic Clerk OAuth. IDE will automatically prompt a secure browser login with no API keys required.
\n\n```json\n{\n \"mcpServers\": {\n \"mito-ui\": {\n \"url\": \"https://mito-ui.onrender.com/mcp\",\n \"transport\": \"http\"\n }\n }\n}\n```\n\n##### Option B: Local CLI Connection (Authentication Key)\nInstall the CLI package globally to run the server locally.
\n\n```bash\nnpm install -g @emeraldemperaur/mito-ui-mcp\n```\n\nConfigure the AI IDE to launch Mito UI MCP via stdio:
Mito UI ecosystem is structured as a scalable monorepo:
\n@emeraldemperaur/mito-ui: Named Exports React UI component library.@emeraldemperaur/mito-ui: Scalable backend service & architectural blueprints.@emeraldemperaur/mito-ui-mcp: Dual-transport enabled AI context server via remote Streamable HTTP and localhost StdioServerTransport.Ensure you are using pnpm as the package manager for this workspace.
To release updates to the NPM registry, authenticate and use PNPM workspace filters:
\n\n##### NPM Authenticate\n\n```bash\nnpm login\n```\n\n##### Publish using PNPM Filters\n```bash\npnpm --filter package1name publish --access public\npnpm --filter package2name publish --access public\n```\ne.g.
\n\n```bash\nnpm login\npnpm --filter @emeraldemperaur/mito-ui publish --access public\npnpm --filter @emeraldemperaur/mito-ui-mcp publish --access public\n```\n\n#### Init Husky\n```bash\n# Install Husky in tandem with lint-staged at the workspace root\npnpm add -wD husky lint-staged\n\n# Initialize Husky at workspace root to create .husky folder and update package.json scripts\npnpm exec husky init\n```\nConfigure pre-commit hook in .husky/pre-commit to run lint-staged.