WunderUI icon
WunderUI icon

WunderUI

 Like

React component library and Figma design system with an MCP server, so coding agents build consistent product UI.

WunderUI screenshot 1

Cost / License

  • Freemium (Pay once)
  • Open Source (MIT)

Since

  • New

Updated

  • Updated Oct 2026

Platforms

  • Cursor
  • Figma  Free preview file on Figma Community; the full library (211 components, 2,736 variants) comes with Core and Pro.
  • React  React 19 and Tailwind CSS v4 required. 83 components install as source via npx wunderui-cli add; Core/Pro ship the full @wunderui/react package.
  • Claude Code  Add the MCP server with: claude mcp add wunderui -- npx -y wunderui-mcp. Four agent skills via npx skills add wunder-ui/wunderui. Also works with Cursor, Windsurf, Cline, Codex and VS Code.
  • OpenAI Codex
  • Claude
WunderUI screenshot 1
WunderUI screenshot 2
+6
WunderUI screenshot 3
WunderUI alternatives  
0likes
35alternatives
0articles
Save

Features

Properties

Features

 Tags

Highlights All activities

WunderUI News & Activities

Recent activities

WunderUI information

  • Licensing

    Open Source (MIT) and Freemium product.

  • Pricing

    One time purchase (perpetual license) ranging between $199 and $299 + free version with limited functionality.

  • Written in

  • Alternatives

    35 alternatives listed

  • Badge

    Get an embeddable badge for WunderUI

  • Supported Languages

    • English

AlternativeTo Category

Photos & Graphics

GitHub repository

  •  2 Stars
  •  0 Forks
  •  0 Open Issues
  •   Updated  
View on GitHub

Popular alternatives

View all
WunderUI was added to AlternativeTo by Patrick on and this page was last updated .

No comments or reviews, maybe you want to be first?

Official Links

AppStores & Other Links

Social Networks

What is WunderUI?

WunderUI is one design system that Figma, React and your coding agent share.

  • 222 React 19 / Tailwind CSS v4 components built on Base UI: forms, overlays, navigation, data display, charts, a data grid and 45 components for AI products (chat, prompt input, tool calls, approvals, agent plans, run timelines).
  • A Figma library that mirrors the code one to one: 211 components, 2,736 variants, 2,866 icons, light and dark, with the same names and design tokens on both sides.
  • 317 finished screens in 7 categories (dashboards, data, auth, commerce, AI, media, support) and 6 templates, including a crypto trading app.
  • Built for coding agents: an MCP server, DESIGN.md, design.json and llms.txt give Claude Code, Cursor, Windsurf, Cline and Codex the components, props, tokens and rules, so generated UI stays on-system. Four agent skills set it up, build screens, theme it and check tokens.
  • Theme Builder: pick a brand colour and get the whole scale, contrast-checked, as CSS.

83 components, the skills and 25 button motion effects are free and MIT on GitHub (install as source with npx wunderui-cli add). Core ($199) adds the full Figma library and every React component; Pro ($299) adds the screens, templates and agent skills. One-time payment, updates for life, commercial licence for client work.