English · 中文
supports Anthropic Claude 3.5 Sonnet.
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
- 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 |
---|---|
You can download it and run it locally.
npm run dev
Supports OpenAI, Gemini (free), Gemini output is not good
![setting](https://private-user-images.githubusercontent.com/59440091/294762341-f92b0363-a0ce-4b51-887c-bb79b347c2d7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjAzMjMsIm5iZiI6MTczOTEyMDAyMywicGF0aCI6Ii81OTQ0MDA5MS8yOTQ3NjIzNDEtZjkyYjAzNjMtYTBjZS00YjUxLTg4N2MtYmI3OWIzNDdjMmQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE2NTM0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWExMjQ0MGJmMzdmZTExMDQ2NDU3NDE1YWJiYjI3ZmQ2ODI0MWZhMzUzNzk2ZTQ1NWY4YmJiNjM3Y2NjOWZjMDcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0._dvyRS4EUcxCtwLD4tRxmggFX1aWrjTpQs8H6Abh_Fw)
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