metadata
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
- Upload a JPG/PNG of a web design
- Wait a few seconds
- Copy the generated HTML/CSS and use it in your frontend