pushpendra.parmar commited on
Commit
ea25f6f
·
1 Parent(s): 3e2d5e3

git ignore updated

Browse files
Files changed (1) hide show
  1. README.md +26 -1
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: Text-to-UI - Thanks to Pietro Schirano for the Repository!
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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