- Home
- AI UI Design Generators
- Marmo UI
Marmo UI
What it is
Marmo UI is an open-source React design system with a hosted MCP server for AI-assisted interface generation. It lets AI agents use live component APIs, composition patterns, and generation rules while assembling dashboards and applications from named @marmoui/ui components in a project’s style. The library contains more than 50 production-ready components, with documentation, Storybook, and a Figma library included on the free plan. Generated files pass through an MCP review that checks imports, props, and component composition. Developers install the React package with npm. Pro can read a DESIGN.md file containing brand colors, typography, tokens, and component overrides for on-brand generation, and adds Pro blocks, composition patterns, a hosted design-system site, and priority support. Marmo documents connections for Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other MCP clients. The free tier costs $0 forever, while Pro costs $9.99 per month; a 14-day trial is available. Generated code remains in the user’s repository and does not phone home.
For and against
For
- 50+ production-ready UI components
- MCP review checks generated files
- Free tier has no rate limits
- Figma library and Storybook included
- Supports multiple MCP clients
Against
- Pro costs $9.99 per month
- Runs on the web
- Advanced on-brand generation requires Pro
The verdict
Marmo UI combines a React component library with MCP guidance for AI-generated interfaces. Its free tier covers core components and design resources, while Pro adds brand-specific generation and support.
Who it suits
Marmo UI suits developers using AI agents to build React dashboards or apps around a defined design system. It also fits teams wanting Figma, Storybook, code export, and commercial use.
Plans and prices
Free
MIT-licensed core components · Free Core MCP · Personal MCP token and saved DESIGN.md · No rate limits
Read 30 Sep 2026 · marmoui.com
Pro
On-brand generation from DESIGN.md · Composition patterns · Pro blocks · Personal MCP token and dashboard
Read 30 Sep 2026 · marmoui.com
On the record
- Code ownership
- The pricing FAQ says generated code belongs to the user, is generated with the user's own LLM tokens, and lives in the user's repository.marmoui.com · read 30 Sep 2026
- Component library
- The component library includes 50+ production-ready UI components built for Figma and ready to ship.marmoui.com · read 30 Sep 2026
- Customization
- Pro supports on-brand generation using a DESIGN.md containing details such as brand color, typography, tokens, and component overrides.marmoui.com · read 30 Sep 2026
- Data handling
- The pricing FAQ says generated code does not phone home.marmoui.com · read 30 Sep 2026
- Design tools
- The free plan includes component documentation, Storybook, and a Figma library.marmoui.com · read 30 Sep 2026
- Generation validation
- Generated files pass through an MCP review step that checks for wrong imports, invented props, and broken compositions.marmoui.com · read 30 Sep 2026
- Integrations
- The install guide documents connections for Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other MCP clients.marmoui.com · read 30 Sep 2026
- License
- The free tier includes core components licensed under MIT.marmoui.com · read 30 Sep 2026
- Package
- The React component package is installed as @marmoui/ui using npm.marmoui.com · read 30 Sep 2026
- Product
- Marmo is an open-source React design system paired with a hosted MCP server that gives AI agents live component APIs, composition patterns, and generation rules.marmoui.com · read 30 Sep 2026
- Support
- Priority support is included with Pro.marmoui.com · read 30 Sep 2026
- Use case
- It helps AI agents compose production dashboards and apps from named @marmoui/ui components in a project's style.marmoui.com · read 30 Sep 2026
