{"ID":2894774,"CreatedAt":"2026-06-01T04:54:23.091178241Z","UpdatedAt":"2026-06-01T04:54:23.091178241Z","DeletedAt":null,"paper_url":"https://arxiv.org/abs/2507.10099","arxiv_id":"2507.10099","title":"ReDemon UI: Reactive Synthesis by Demonstration for Web UI","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.","short_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...","url_abs":"https://arxiv.org/abs/2507.10099","url_pdf":"https://arxiv.org/pdf/2507.10099v1","authors":"[\"Jay Lee\",\"Gyuhyeok Oh\",\"Joongwon Ahn\",\"Xiaokang Qiu\"]","published":"2025-07-14T09:34:33Z","proceeding":"cs.HC","tasks":"[\"cs.HC\",\"cs.PL\"]","methods":"[\"Large Language Model\"]","has_code":false}