Spaces:
Sleeping
Sleeping
pushpendra.parmar
commited on
Commit
·
ea25f6f
1
Parent(s):
3e2d5e3
git ignore updated
Browse files
README.md
CHANGED
@@ -1,3 +1,4 @@
|
|
|
|
1 |
title: Gemini UI Generator
|
2 |
emoji: 💻
|
3 |
colorFrom: blue
|
@@ -6,4 +7,28 @@ sdk: streamlit
|
|
6 |
app_file: app.py
|
7 |
pinned: false
|
8 |
license: apache-2.0
|
9 |
-
short_description:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
title: Gemini UI Generator
|
3 |
emoji: 💻
|
4 |
colorFrom: blue
|
|
|
7 |
app_file: app.py
|
8 |
pinned: false
|
9 |
license: apache-2.0
|
10 |
+
short_description: Generate responsive HTML and CSS from images using AI.
|
11 |
+
---
|
12 |
+
|
13 |
+
# Gemini UI Generator 💻
|
14 |
+
|
15 |
+
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.
|
16 |
+
|
17 |
+
## Features
|
18 |
+
- Upload images in `.jpg`, `.jpeg`, or `.png` formats.
|
19 |
+
- Generate responsive HTML and inline CSS.
|
20 |
+
- Supports frameworks like Regular CSS, Bootstrap, and Tailwind (coming soon).
|
21 |
+
- Mobile-first design principles.
|
22 |
+
- Easy-to-use interface powered by Streamlit.
|
23 |
+
|
24 |
+
## How to Use
|
25 |
+
1. Upload an image of your UI design.
|
26 |
+
2. Select the desired CSS framework and UI framework.
|
27 |
+
3. Click "Code UI" to generate the HTML and CSS.
|
28 |
+
4. Download the generated code or open it in a new tab.
|
29 |
+
|
30 |
+
## Installation
|
31 |
+
To run the app locally:
|
32 |
+
1. Clone the repository:
|
33 |
+
```bash
|
34 |
+
git clone https://huggingface.co/spaces/Pushpendrasinghparmar/imageToCode
|