|
|
--- |
|
|
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 |
|
|
|
