/page-builder

converts a image to code (HTML/Tailwind CSS, or React or Bootstrap or Vue). It uses GPT-4 Vision (or Claude 3) to generate the code

Primary LanguageJavaApache License 2.0Apache-2.0

image to code

Introduction

PageBuilder can generate Html pages with the help of AI

  • Text to page: Analyzes customer requirements based on the demand text and generates pages.
  • Image to page: Converts images into pages. It uses GPT-4 Vision to generate code.

Demo

demo

Usage

Online Experience

http://image2code.itbuilder.cn:7008/text2page

Run Locally

mvn install
java -jar target/page-builder-1.0.0.jar

Visit

http://localhost:8080/text2page

Set up OpenAI API key

setting.png

Click settings to configure the OpenAI API key. The API key needs to have access to GPT-4

Upload Image

upload.png After uploading the image, GPT's Vision will recognize the image and generate code.