screenshot-to-code icon indicating copy to clipboard operation
screenshot-to-code copied to clipboard

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

Results 263 screenshot-to-code issues
Sort by recently updated
recently updated
newest added

Is there a front-end page available? How should it be used?

Added Flutter widget template. # added stack option # try # run the code in flutter web project

Please add Flutter integration. Screenshot to flutter app. If you need help with it just lemme know ;)

Added vue-css template. (frontend and backend)

Installing dependencies from lock file No dependencies to install or update Installing the current project: backend (0.1.0) file is present in the directory but showing no ffile present. backend installing...

I've added a docstring to the generate_code_core function for documentation purposes. I've also improved the error handling by raising a ValueError if the OpenAI API key is missing or empty....

If load_dotenv() is not called before importing modules that rely on environment variables defined in the .env file, those modules might not be able to access the environment variables correctly....

![Screenshot_5](https://github.com/abi/screenshot-to-code/assets/136449209/7e4e683b-89d1-422e-abeb-105090822331) Error generating code. Check the Developer Console AND the backend logs for details. Feel free to open a Github issue.

Current PR added a prompt to create code of REACT with CSS styles. ORIGINAL: GENERATED: CODEPEN: https://codepen.io/carlosziegler/pen/wvOxoLM CODE: ```html Welcome to Zillow #root { font-family: 'Open Sans', sans-serif; max-width: 400px;...