Freedom251 › AI UI Design Generators
Marmo UI
What Marmo UI is
Marmo UI is an open-source React design system paired with a hosted MCP server for AI agents building dashboards and apps in a project's style. It provides live component APIs, composition patterns, and generation rules using named @marmoui/ui components. Its library includes more than 50 production-ready components, and generated files pass through an MCP review step that checks for incorrect imports, invented props, and broken compositions. Developers install the React package with npm. The free plan includes component documentation, Storybook, a Figma library, and MIT-licensed core components; it also allows unlimited projects, commercial use, and no rate limits. Pro adds generation guided by a DESIGN.md file with brand details such as colors, typography, tokens, and component overrides, as well as Pro blocks, a hosted design-system site, and priority support. The install guide documents connections for Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other MCP clients. Marmo UI says generated code belongs to the user, is generated with the user's own LLM tokens, stays in the user's repository, and does not phone home. Pro costs $9.99 a month; a 14-day trial is available.
Who it suits
Marmo UI suits developers using AI agents to generate React dashboards or apps within an existing project style. Its documented MCP connections support several AI coding clients.
What it does well
- More than 50 production-ready components.
- MCP review checks imports, props, and compositions.
- Free tier includes MIT-licensed core components.
- Free tier allows unlimited projects and commercial use.
- Pro supports brand guidance from DESIGN.md.
What to know first
- Pro costs $9.99 a month.
- On-brand generation from DESIGN.md is a Pro feature.
- Priority support is included with Pro.
Limits
The Free plan includes core components and a free core MCP. On-brand generation from DESIGN.md, composition patterns, Pro blocks, a hosted design-system site, and priority support are listed with Pro at $9.99 per month.
Plans
| Plan | Billed and limits | Price |
|---|---|---|
| Free | $0 forever · MIT-licensed core components · Free Core MCP · Personal MCP token and saved DESIGN.md · No rate limits · Unlimited projects · Commercial use | Free |
| Pro | $9.99 per month · On-brand generation from DESIGN.md · Composition patterns · Pro blocks · Personal MCP token and dashboard · Hosted design-system site · Priority support | $9.99 a month |
As marmoui.com lists them, read 30 Sept 2026. The maker's own page has the final word.
Getting started
- Open the Marmo UI website
- Install @marmoui/ui with npm
- Choose the Free or Pro plan
- Follow the install guide to connect an MCP client
- Use the library with an AI agent to compose interfaces
Verdict
Marmo UI combines a React component library with rules and checks for AI-generated interfaces. Its free tier provides core components and design resources, while Pro adds brand-guided generation and support.
Questions
Is Marmo UI free?
Yes. The Free plan costs $0 forever and includes MIT-licensed core components, a free core MCP, and a personal MCP token.
What does Pro cost?
Pro costs $9.99 per month. A 14-day trial is available.
Which platforms does it support?
Marmo UI is listed for the web. Its React package is installed using npm.
Which AI tools can connect to Marmo UI?
The install guide documents Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other MCP clients.
Can I use Marmo UI commercially?
Commercial use is included in the Free plan. Its core components are licensed under MIT.
Who owns code generated with Marmo UI?
The pricing FAQ says generated code belongs to the user, uses the user's own LLM tokens, and lives in the user's repository.
Facts from Marmo UI's own pages
- 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, 30 Sept 2026
- Component library
- The component library includes 50+ production-ready UI components built for Figma and ready to ship. · marmoui.com, 30 Sept 2026
- Customization
- Pro supports on-brand generation using a DESIGN.md containing details such as brand color, typography, tokens, and component overrides. · marmoui.com, 30 Sept 2026
- Data handling
- The pricing FAQ says generated code does not phone home. · marmoui.com, 30 Sept 2026
- Design tools
- The free plan includes component documentation, Storybook, and a Figma library. · marmoui.com, 30 Sept 2026
- Generation validation
- Generated files pass through an MCP review step that checks for wrong imports, invented props, and broken compositions. · marmoui.com, 30 Sept 2026
- Integrations
- The install guide documents connections for Claude Code, Codex, Cursor, Gemini CLI, Windsurf, and other MCP clients. · marmoui.com, 30 Sept 2026
- License
- The free tier includes core components licensed under MIT. · marmoui.com, 30 Sept 2026
- Package
- The React component package is installed as @marmoui/ui using npm. · marmoui.com, 30 Sept 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, 30 Sept 2026
- Support
- Priority support is included with Pro. · marmoui.com, 30 Sept 2026
- Use case
- It helps AI agents compose production dashboards and apps from named @marmoui/ui components in a project's style. · marmoui.com, 30 Sept 2026
Where Marmo UI stands on Freedom251
- AI UI Design Generators#14 of 22