WunderUI

WunderUI is an agentic design system for designers and developers. It combines a Figma design system with a matching React component library styled in Tailwind, so your designs and your code start from the same components. Wunder Motion adds animated components built on plain CSS, and Wunder AI brings skills and workflows to AI agents, so generated screens stay on-system.

The system includes tokens and rules that AI tools like Claude Code and Cursor can follow to build consistent product interfaces. Every component, from core elements to charts and AI interfaces, shares the same names and props across Figma and React to keep designs and code aligned.