ReDemon UI: Reactive Synthesis by Demonstration for Web UI
Published: Jul 14, 2025
Last Updated: Jul 14, 2025
Authors:Jay Lee, Gyuhyeok Oh, Joongwon Ahn, Xiaokang Qiu
Abstract
ReDemon UI synthesizes React applications from user demonstrations, enabling designers and non-expert programmers to create UIs that integrate with standard UI prototyping workflows. Users provide a static mockup sketch with event handler holes and demonstrate desired runtime behaviors by interacting with the rendered mockup and editing the sketch. ReDemon UI identifies reactive data and synthesizes a React program with correct state update logic. We utilize enumerative synthesis for simple UIs and LLMs for more complex UIs.