expertbeacon/aiwebsite

html generator

HTML Generator

English · 中文

By using OpenAI and Gemini technologies to generate highly available code, it supports web (React, Vue, Tailwind CSS), native (react native) and other codes. It is generated using GPT-4 Vision. Code is generated by taking screenshots, drawing drafts, and inputting ideas.

2024-01-07.1.04.52.mov

Editing support (HTML+Tailwind, react+Tailwind)

🚀 Try It Out!

online

You can download it and run it locally.

npm run dev

🛠 Setting

Supports OpenAI, Gemini (free), Gemini output is not good

OpenAI：

• OpenAI API Key
• OpenAI Base URL(proxy url, default：https://api.openai.com/v1)
• Mock AI Response(mock AIThe returned data does not directly request AI)

Gemini（free）：

• Gemini API key

if this project is helpful to you, buy me a coffee.

Generate Comparison

Original Image	Generate Web