Screenshot to Code
Like
This is a simple app that converts a screenshot to HTML/Tailwind CSS. It uses GPT-4 Vision to generate the code, and DALL-E 3 to generate similar looking images.
Cost / License
- Free
- Open Source
Platforms
- Self-Hosted
- Online
Features
- AI-Powered
- React
Tags
- gpt4
- tailwindcss
- fastapi
- AI Code Generator
Screenshot to Code News & Activities
Highlights All activities
Recent activities
Maoholguin added Screenshot to Code as alternative to Monday Hero
Screenshot to Code information
Developed by
Abi RajaLicensing
Open Source (MIT) and Free product.Written in
Alternatives
1 alternatives listedSupported Languages
- English
AlternativeTo Category
Photos & GraphicsGitHub repository
- 71,268 Stars
- 8,810 Forks
- 134 Open Issues
- Updated
No comments or reviews, maybe you want to be first?
Post comment/reviewWhat is Screenshot to Code?
This is a simple app that converts a screenshot to HTML/Tailwind CSS. It uses GPT-4 Vision to generate the code, and DALL-E 3 to generate similar looking images.
You can now instruct the AI to update the code as you wish. Useful if the AI messed up some styles or missed a section.
The app has a React/Vite frontend and a FastAPI backend. You will need an OpenAI API key with access to the GPT-4 Vision API.