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