UI2WEB AI ✨

UI2WEB is an AI-powered tool that converts UI design images into fully functional HTML, CSS, and JavaScript code.
Powered by Google Gemini Vision API, it analyzes a screenshot or mockup of a web design and generates responsive frontend code automatically.

---

Features

• Image-to-Code: Upload any UI design image (PNG/JPG) and get working website code.
• Gemini Vision Powered: Uses Google’s Gemini Vision API to understand layout, colors, fonts, and UI components.
• Instant Output: Generates HTML, CSS, and JS within seconds.
• Responsive Design: Code output adapts to different screen sizes.
• Accurate Styling: Retains original colors, fonts, and spacing.

---

How It Works

1. Upload Image – Provide a screenshot or mockup of your UI design.
2. AI Analysis – Gemini Vision detects UI components and layout structure.
3. Code Generation – HTML, CSS, and JavaScript are created from the analysis.

---

Installation

git clone https://github.com/Chamidu0423/UI2WEB-Design-to-Code-generater-AI.git
cd UI2WEB-Design-to-Code-generater-AI

npm install express

npm install

or

npm install --force

(You should be create .env file at root and place your API key in it)

API_KEY="Replace with your GeminiAPIkey"

---