Skip to content
View WebPAI's full-sized avatar

Block or report WebPAI

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
WebPAI/README.md

Welcome to WebPAI 👋

WebPAI (Web Development Powered by AI) aims to build an AI platform for more reliable and practical automated webpage generation.

The rapid advancements in generative AI, particular multi-modal large language models, now excelling in multimodal understanding and code generation. This progress introduces a new front-end development paradigm, where multimodal LLMs can automatically convert visual designs into GUI code implementations, facilitating the software product delivery process.

This project collects a set of research resources and releases open datasets for webpage generation studies.

Project Contents

Project Paper Title Maintainer
DCGen Automatically Generating UI Code from Screenshot: A Divide-and-Conquer-Based Approach @yxwan123
Interaction-to-code Interaction2Code: How Far Are We From Automatic Interactive Webpage Generation? @xjywhu
MRWeb MRWeb: An Exploration of Generating Multi-Page Resource-Aware Web Code from UI Designs @yxwan123
DesignBench DesignBench: A Comprehensive Benchmark for MLLM-based Front-end Code Generation @xjywhu
EfficientUICoder EfficientUICoder: Efficient MLLM-based UI Code Generation via Input and Output Token Compression @xjywhu @starry1001
TDDev Automatically Generating Web Applications from Requirements Via Multi-Agent Test-Driven Development @yxwan123

Datasets

Dataset Name Description Downloading
DCGen 120 more-complicated real-world static webpages ↗️
Interaction-to-code 127 real-world user-interactive webpages and 374 interactions ↗️
MRWeb 500 real-world and synthetic multi-page resource aware webpages ↗️
Design-to-code 484 static real-world webpages ↗️
DesignBench 900 real-world webpages, three frameworks (react, vue and angular), three tasks (design generation, edit and repair) ↗️

⭐ If you find this project useful, please give it a star.

🔥 Welcome to Contribute!

This project is actively maintained, and we welcome your contributions :-)

Contacts (alphabetically)

Please feel free to reach out to us if you have any questions on this project.

Pinned Loading

  1. Interaction2Code Interaction2Code Public

    Interaction2Code: How Far Are We From Automatic Interactive Webpage Generation?

    Python 49 2

  2. MRWeb MRWeb Public

    HTML 35

  3. DCGen DCGen Public

    Jupyter Notebook 38 5

  4. DesignBench DesignBench Public

    DesignBench: A Comprehensive Benchmark for MLLM-based Front-end Code Generation

    Vue 19 1

  5. EfficientUICoder EfficientUICoder Public

    Jupyter Notebook 6

  6. TDDev TDDev Public

    Forked from yxwan123/TDDev

    Generating Full-Stack Web Applications from Requirements Via Multi-Agent Test-Driven Development

    TypeScript