File size: 788 Bytes
967819f
 
 
 
 
 
 
 
 
 
 
d3a116c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
---
title: Gemini HTML/CSS Chatbot
emoji: 💬
colorFrom: yellow
colorTo: purple
sdk: streamlit
sdk_version: "1.32.0"
app_file: app.py
pinned: false
---

# Gemini HTML/CSS Chatbot

This Streamlit app uses **Gemini 2.5 Flash** (via LangChain + Google Generative AI) to convert website UI screenshots into semantic, accessible, responsive HTML + CSS.

## Features
- Upload a screenshot of a website UI
- Get full HTML5 + CSS3 output with accessibility and responsiveness
- Live typing animation like ChatGPT
- Runs entirely in the browser via Hugging Face Spaces

## Built With
- Streamlit
- LangChain
- Google Generative AI (Gemini)
- BeautifulSoup
- Pillow

## How to Use
1. Upload a JPG/PNG of a web design
2. Wait a few seconds
3. Copy the generated HTML/CSS and use it in your frontend