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
- 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0NjQwNDYsIm5iZiI6MTcyNDQ2Mzc0NiwicGF0aCI6Ii81OTQ0MDA5MS8yOTQ3NjIzNDEtZjkyYjAzNjMtYTBjZS00YjUxLTg4N2MtYmI3OWIzNDdjMmQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI0VDAxNDIyNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEyZjQ3NzkyM2U3YmUzZTMxMTkwMjBhNDQ0MjI1YTFmYjY1NjQ4MTFhOGNlYzUwYzRhOGUxODVjMmExOGMxZDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GksysjI4LoDUM8IMQpH3fkt_LTOil8OXH5SThlYIXFo)
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.