https://github.com/swpn0neel/ui-to-code

A Streamlit app that can generate Front-End code based on the provided UI image
https://github.com/swpn0neel/ui-to-code

gemini google python streamlit-webapp

Last synced: about 1 month ago
JSON representation

A Streamlit app that can generate Front-End code based on the provided UI image

• Host: GitHub
• URL: https://github.com/swpn0neel/ui-to-code
• Owner: Swpn0neel
• Created: 2024-06-14T12:10:31.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-06-14T21:09:25.000Z (6 months ago)
• Last Synced: 2024-06-15T16:57:57.790Z (6 months ago)
• Topics: gemini, google, python, streamlit-webapp
• Language: Python
• Homepage: https://ui-to-code.streamlit.app
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Generate Code from UI

This 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.

## Installation

To install the necessary dependencies, run the following command:

```

pip install -r requirements.txt

```

## Running the App

To run the app, use the following command:

```

python -m streamlit run app.py

```

## Configuration

Before 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.

You can also tell Gemini to use a specific CSS framework, like Bootstrap or Tailwind CSS!