UI2App: Benchmarking Visual Interaction Inference in Executable Web Application Generation
Not on the map. Why?
Abstract (arXiv)
Large language models (LLMs) have demonstrated growing competence in generating web pages from UI screenshots, which convey both visual structure and cues to application behavior. Yet most screenshot-to-code benchmarks emphasize visual fidelity, while interactive generation benchmarks often supply behavioral specifications or demonstrated transitions. Whether models can infer and realize interactions from static screenshots alone remains insufficiently evaluated. We introduce UI2App to evaluate interaction inference: inferring and realizing application behavior from static visual cues without added behavioral guidance. UI2App comprises 600 screenshots organized into 95 state-coherent sets for runnable multi-route web applications. Our end-to-end pipeline evaluates each artifact along three dimensions: executability, visual fidelity, and interaction inference. The interaction metric (IIS) assesses functional correctness and state-management complexity, crediting valid implementations rather than requiring a match to a single reference. Experiments on six frontier vision-language models reveal a marked mismatch between visual fidelity and interaction realization: the visual-fidelity leader scores only 8.1 on IIS, ranking fourth, while the IIS leader achieves 4.5 times that score. High-complexity interactions such as cross-route state persistence remain a major bottleneck, with five of the six models scoring at most 3.5 on this dimension. Overall, these results highlight interaction inference as a key challenge in generating functional web applications from static screenshots.
Key facts. No citing papers in the map yet (data through 7 Oct 2026). Builds on 31 of its 39 references that are in the map. First posted on arXiv 7 Jul 2026.
Builds on
31 of 39 references.
References · 31
- 2023SWE-bench: Can Language Models Resolve Real-World GitHub Issues?cited by 3,193
- 2023Code Llama: Open Foundation Models for Codecited by 2,105
- 2023MetaGPT: Meta Programming for A Multi-Agent Collaborative Frameworkcited by 1,761
- 2024DeepSeek-Coder: When the Large Language Model Meets Programming -- The Rise of Code Intelligencecited by 1,154
- 2023ChatDev: Communicative Agents for Software Developmentcited by 893
- 2022Pix2Struct: Screenshot Parsing as Pretraining for Visual Language Understandingcited by 360
- 2024Design2Code: Benchmarking Multimodal Code Generation for Automated Front-End Engineeringcited by 146
- 2024Unlocking the conversion of Web Screenshots into HTML Code with the WebSight Datasetcited by 126
- 2017pix2code: Generating Code from a Graphical User Interface Screenshotcited by 113
- 2024VisualWebBench: How Far Have Multimodal LLMs Evolved in Web Page Understanding and Grounding?cited by 98
- 2024ScreenAI: A Vision-Language Model for UI and Infographics Understandingcited by 97
- 2024Web2Code: A Large-scale Webpage-to-Code Dataset and Evaluation Framework for Multimodal LLMscited by 73
19 more
- 2025WebGen-Bench: Evaluating LLMs on Generating Interactive and Functional Websites from Scratchcited by 66
- 2024ChartInsights: Evaluating Multimodal Large Language Models for Low-Level Chart Question Answeringcited by 50
- 2024Interaction2Code: Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototypingcited by 50
- 2024WebCode2M: A Real-World Dataset for Code Generation from Webpage Designscited by 43
- 2025DesignBench: A Comprehensive Benchmark for MLLM-based Front-end Code Generationcited by 41
- 2025ArtifactsBench: Bridging the Visual-Interactive Gap in LLM Code Generation Evaluationcited by 35
- 2024Sketch2Code: Evaluating Vision-Language Models for Interactive Web Design Prototypingcited by 29
- 2024MRWeb: An Exploration of Generating Multi-Page Resource-Aware Web Code from UI Designscited by 23
- 2026AutoWebWorld: Synthesizing Infinite Verifiable Web Environments via Finite State Machinescited by 20
- 2025Advancing vision-language models in front-end development via data synthesiscited by 16
- 2026Vision2Web: A Hierarchical Benchmark for Visual Website Development with Agent Verificationcited by 16
- 2025DesignCoder: Hierarchy-Aware and Self-Correcting UI Code Generation with Large Language Modelscited by 10
- 2025IWR-Bench: Can LVLMs reconstruct interactive webpage from a user interaction video?cited by 10
- 2025Widget2Code: From Visual Widgets to UI Code via Multimodal LLMscited by 8
- 2026WebVR: Benchmarking Multimodal LLMs for WebPage Recreation from Videos via Human-Aligned Visual Rubricscited by 8
- 2026WebCompass: Towards Multimodal Web Coding Evaluation for Code Language Modelscited by 6
- 2026ComUICoder: Component-based Reusable UI Code Generation for Complex Websites via Semantic Segmentation and Element-wise Feedbackcited by 4
- 2025PSD2Code: Automated Front-End Code Generation from Design Files via Multimodal Large Language Modelscited by 2
- 2025VSA:Visual-Structural Alignment for UI-to-Codecited by 1
Built on by
Not cited yet.
Similar, not cited
Close in wording, no citation either way
- 2026Rendering-in-the-Loop: An Execution-Driven Agent for Interactive Web Development
- 2026LongWebBench: Evaluating Structural and Functional Webpage Generation in Long-Horizon Settings
- 2026WebRISE: Requirement-Induced State Evaluation for MLLM-Generated Web Artifacts
- 2025WebVIA: A Web-based Vision-Language Agentic Framework for Interactive and Verifiable UI-to-Code Generation
- 2026Video2Code: Generating Interactive Webpages from UI Videos via Action-Aware Revisit
- 2026AppDeltaWorld: Transition-Grounded Delta Code World Model for Mobile GUI Agents
- 2026Solaris: Towards Interfaces That Are Generated, Not Coded
- 2026Beyond Chat and Clicks: GUI Agents for In-Situ Assistance via Live Interface Transformation