# WunderUI

React & Figma Design System and UI Kit for AI

- Website: https://wunderui.com/
- UppLaunch page: https://www.upplaunch.com/p/wunderui
- Maker: Patrick
- Categories: Developer Tools, Design, AI
- Upvotes: 1

## About
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.

## Who it is for
Designers and developers building product interfaces.

## Problem
Designs and code often do not start from the same components.

## Solution
It combines a Figma design system with a matching React component library styled in Tailwind, alongside rules for AI tools.

## What makes it different
It includes AI skills and workflows so generated screens stay on system.