gemini-ui-to-code  by Doriandarko

Streamlit app to generate code from UI images

Created 1 year ago
630 stars

Top 52.6% 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
0 stars in the last 30 days

Explore Similar Projects

Starred by Kevin Hou Kevin Hou(Head of Product Engineering at Windsurf), Chip Huyen Chip Huyen(Author of "AI Engineering", "Designing Machine Learning Systems"), and
1 more.

draw-a-ui by SawyerHood

0.1%
14k
Web app generates HTML from UI wireframes
Created 1 year ago
Updated 1 month ago
Feedback? Help us improve.