/aiwebsite

html generator

Primary LanguageTypeScriptMIT LicenseMIT

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) 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

setting

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
截屏2023-12-16 上午12 14 18 截屏2023-12-16 上午8 41 15
截屏2023-12-17 下午1 38 21 截屏2023-12-17 下午1 38 48

"Buy Me A Coffee"