File size: 1,740 Bytes
9991090
 
77c658d
 
 
9991090
77c658d
9991090
 
77c658d
 
 
9991090
 
77c658d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
---
title: WebpageCreator
emoji: πŸ‘€
colorFrom: gray
colorTo: yellow
sdk: gradio
sdk_version: 5.32.1
app_file: app.py
pinned: false
license: unknown
short_description: Build and preview custom websites with agent.
tags: [agent-demo-track]
---

# 🌐 WebpageCreator – AI-Powered Website Generator

**WebpageCreator** is an AI-based tool that generates a complete, responsive website from a simple text brief. Customize your brand colors, language, and company name β€” and the agent will generate professional HTML code section by section, live in your browser. ⚑

## πŸŽ₯ Demo Video

▢️ [Watch the demo](https://youtu.be/Hyovc5FYOYo)

## ✨ Features

- 🏷 **Company Name** input for personalized branding
- πŸ“ **Brief field** to describe your business, product, or service
- 🎨 **Primary & Secondary Colors** via Color Pickers
- 🌍 **Multilingual Output**: French, English, Spanish, German
- ⚑ **Real-time Preview** in an iframe while the site is building
- 🧠 Powered by an autonomous agent (HektoreAgent)

## 🧩 Sections Automatically Generated

- Header with logo and gradient top bar
- Hero section with headline and CTA
- β€œTrusted by” logos section
- Services cards (with icons, titles, and text)
- About / Mission section
- Testimonials carousel
- Call-to-Action section
- Newsletter subscription form
- Footer with navigation, contact, and social links

## πŸ”§ Tech Stack

- **Gradio** – frontend UI
- **smolagents** – lightweight agent orchestration
- **Selenium** – for icon name scraping
- **Tailwind CSS**, **Alpine.js**, **Swiper.js** – for responsive UI
- **Phosphor Icons** – beautiful open-source icon set

## πŸ–₯️ Run Locally

```bash
pip install -r requirements.txt
python app.py