gemini-ui-to-code  by Doriandarko

Streamlit app to generate code from UI images

created 1 year ago
630 stars

Top 53.5% on sourcepulse

GitHubView on GitHub
Project Summary

This Streamlit application converts UI design images into HTML code using AI, targeting developers and designers who want to accelerate front-end development. It simplifies the process of translating visual mockups into functional code.

How It Works

The application leverages Google's Gemini API to analyze uploaded UI design images. It processes the image, understands the visual layout and components, and generates corresponding HTML and CSS code. Users can optionally specify a preferred CSS framework for the generated output.

Quick Start & Requirements

  • Install dependencies: pip install -r requirements.txt
  • Run the app: streamlit run app.py
  • Requires a Google Gemini API key, configured within app.py.

Highlighted Details

  • Converts UI design images to HTML code.
  • Supports specifying a target CSS framework.
  • Built using Streamlit for an interactive web interface.

Maintenance & Community

No information on contributors, community channels, or roadmap is available in the README.

Licensing & Compatibility

The README does not specify a license.

Limitations & Caveats

The application requires a Google Gemini API key, which may incur costs. The quality and accuracy of the generated code are dependent on the Gemini model's capabilities and the clarity of the input image.

Health Check
Last commit

1 year ago

Responsiveness

Inactive

Pull Requests (30d)
0
Issues (30d)
0
Star History
17 stars in the last 90 days

Explore Similar Projects

Starred by Tobi Lutke Tobi Lutke(Cofounder of Shopify), Chip Huyen Chip Huyen(Author of AI Engineering, Designing Machine Learning Systems), and
2 more.

screenshot-to-code by abi

0.1%
70k
Screenshot-to-code tool for generating code from visual inputs
created 1 year ago
updated 6 days ago
Feedback? Help us improve.