---
title: Gemini UI Generator
emoji: 💻
colorFrom: blue
colorTo: gray
sdk: streamlit
app_file: app.py
pinned: false
license: apache-2.0
short_description: Generate responsive HTML and CSS from images using AI.
---

# Gemini UI Generator 💻

Gemini UI Generator is a Streamlit-based application that converts uploaded images into responsive HTML and CSS code using AI. This tool is designed to help developers quickly prototype UI designs by analyzing images and generating detailed code.

## Features
- Upload images in `.jpg`, `.jpeg`, or `.png` formats.
- Generate responsive HTML and inline CSS.
- Supports frameworks like Regular CSS, Bootstrap, and Tailwind (coming soon).
- Mobile-first design principles.
- Easy-to-use interface powered by Streamlit.

## How to Use
1. Upload an image of your UI design.
2. Select the desired CSS framework and UI framework.
3. Click "Code UI" to generate the HTML and CSS.
4. Download the generated code or open it in a new tab.

## Installation
To run the app locally:
1. Clone the repository:
   ```bash
   git clone https://huggingface.co/spaces/Pushpendrasinghparmar/imageToCode