an-codeAI

English · 中文

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

Promotionalvideo.mp4

🔥 Support

• technology stack: web (React, Vue, Tailwind CSS, shadcn/ui), native (react native)
• Editing support (HTML+Tailwind, react+Tailwind, react+Tailwind+shadcn/ui)
• Entry Information: screenshot、text、whiteboard

React+shadcn/ui

excalidraw draw	Output code

🚀 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 (Not recommended)（free）：

• Gemini API key

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