Marmo UI
Design Better & Ship Faster
One time feeUI LibraryDesign8,343 impressions#4 of its week1 comment
Marmo UI is an open-source React design system with a live MCP that lets AI agents generate real, brand-consistent UI components.
- for
- Developers who use AI code assistants and need production-ready React components.
- pricing
- freemium · free trial
Key features
- Live Component APIs — Agents read live props and composition patterns from the MCP instead of guessing.
- On-brand generation — Pro tier uses your DESIGN.md tokens so generated screens match your brand.
- Code validation — All generated files are validated by the MCP before they are written to your repo.
- Open-source component library — MIT-licensed React components with docs, Storybook and Figma library.
- One-command integration — Run npx marmoui init to connect Claude Code, Codex, Cursor, Gemini CLI and VS Code.
- Pro blocks — Generated components can be written directly into your repository.
Use cases
- Generate a billing dashboard UI from a natural-language prompt.
- Create a full-screen app shell with consistent tokens across light and dark mode.
- Add data tables and charts to an analytics dashboard without manual coding.
Marmo UI pricing
- Free$0Open-source components · Core MCP free · Unlimited projects · No rate limits
- Pro$9.99/monthOn-brand generation · Composition patterns library · Pro blocks into repo · Hosted design-system site
Marmo UI vs alternatives
 Marmo UI |  shadcn/ui |  Material UI |  Ionic |  daisyUI | |
|---|---|---|---|---|---|
| Best for | AI-driven UI generation | Static component library | Material Design UI | Cross-platform mobile UI | Tailwind UI components |
| Pricing | Freemium | Free | Free | Free | Free |
| DevHunt upvotes | 6 | 0 | 0 | 0 | 22 |
| Launched | Dec 2024 | — | — | — | Jan 2023 |
- Marmo UI vs shadcn/ui: Open-source React components you copy manually, no AI generation or live MCP.
- Marmo UI vs Material UI: Material-design focused components, no AI agent integration or on-brand generation.
- Marmo UI vs Ionic: Mobile-first UI toolkit, not tied to AI agents or live component APIs.
- Marmo UI vs daisyUI: Tailwind CSS component library, no React components or AI-driven generation.
Marmo UI FAQ
What is Marmo?+
Marmo is an open-source React design system plus a hosted MCP server that provides live component APIs for AI agents.
Which AI tools does it work with?+
It connects to Claude Code, Codex, Cursor, Gemini CLI and can be used from VS Code or other supported editors.
How is this different from asking an agent to build UI from scratch?+
Agents use live component definitions and generation rules from the MCP, so the output is real code, not mockups, and is validated before delivery.
What does “no AI slop” actually mean here?+
It means the agent never improvises styling; it follows the tokens and patterns you define, producing consistent, on-brand screens.
Can it match my brand?+
Yes, the Pro tier lets you feed a DESIGN.md with your brand tokens, and all generated screens use those styles.
Do I own the generated code?+
You own all generated code; it is written directly to your repository and does not phone home.
Summarized by DevHunt from marmoui.com · Oct 4, 2026. Details may change; check the official site.
