{"id":20368623,"url":"https://github.com/swpn0neel/ui-to-code","last_synced_at":"2026-05-28T20:31:25.505Z","repository":{"id":244424345,"uuid":"815127269","full_name":"Swpn0neel/ui-to-code","owner":"Swpn0neel","description":"A Streamlit app that can generate Front-End code based on the provided UI image","archived":false,"fork":false,"pushed_at":"2025-05-16T19:35:44.000Z","size":2,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T20:33:58.960Z","etag":null,"topics":["gemini","google","python","streamlit-webapp"],"latest_commit_sha":null,"homepage":"https://ui-to-code.streamlit.app","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Swpn0neel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-14T12:10:31.000Z","updated_at":"2025-05-16T19:35:47.000Z","dependencies_parsed_at":"2024-11-15T00:42:24.586Z","dependency_job_id":"0ed8ce25-f90d-4691-bd62-2e2b478c5023","html_url":"https://github.com/Swpn0neel/ui-to-code","commit_stats":null,"previous_names":["swpn0neel/ui-to-code"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Swpn0neel/ui-to-code","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swpn0neel%2Fui-to-code","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swpn0neel%2Fui-to-code/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swpn0neel%2Fui-to-code/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swpn0neel%2Fui-to-code/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Swpn0neel","download_url":"https://codeload.github.com/Swpn0neel/ui-to-code/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Swpn0neel%2Fui-to-code/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33626137,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-28T02:00:06.440Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gemini","google","python","streamlit-webapp"],"created_at":"2024-11-15T00:42:21.351Z","updated_at":"2026-05-28T20:31:25.471Z","avatar_url":"https://github.com/Swpn0neel.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Generate Code from UI\n\nThis Streamlit app is designed to convert UI designs into code using the power of AI. It analyzes uploaded images of UI designs and generates corresponding HTML code, making it easier for developers to bring their designs to life.\n\n## Installation\n\nTo install the necessary dependencies, run the following command:\n\n```\npip install -r requirements.txt\n```\n\n## Running the App\n\nTo run the app, use the following command:\n\n```\npython -m streamlit run app.py\n```\n\n## Configuration\n\nBefore running the app, you may configure your own API key in the `app.py` file. Replace the `API_KEY` variable with your own Gemini API key and also configure the model name to best fit your results with your expectations.\n\nYou can also tell Gemini to use a specific CSS framework, like Bootstrap or Tailwind CSS!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswpn0neel%2Fui-to-code","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fswpn0neel%2Fui-to-code","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fswpn0neel%2Fui-to-code/lists"}