WunderUI Sidebar Study

Project description

Built with WunderUI, the agentic design system for Figma and React. What's inside • 204 React components and 165 Figma components with 2,549 variants • 181 motion effects for buttons, cards, KPIs, menus and more • 317 UI block screens in light, dark and mobile • Tokens, rules and a design.md your AI agent builds with Motion as a system Motion is tokenised like colour: six durations, four curves and short travel distances. Hover highlights slide, menus open in a quarter of a second, labels return line by line. Every animation honours reduced motion, so the still state is always the default. Same components in design and code Design the states in Figma, ship them in React. Names, props and tokens match, so what you see in the file is what runs in the product.