Spaces:
Configuration error
Configuration error
Update README.md
Browse files
README.md
CHANGED
|
@@ -1,37 +1,40 @@
|
|
| 1 |
-
# AI Website Builder
|
| 2 |
|
| 3 |
A free, open-source tool that generates complete websites from natural language descriptions using AI.
|
| 4 |
|
|
|
|
|
|
|
| 5 |
## Features
|
| 6 |
|
| 7 |
-
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
|
| 13 |
## How to Use
|
| 14 |
|
| 15 |
-
1. Describe
|
| 16 |
-
2. Click "Generate Website"
|
| 17 |
-
3. View the code and live preview
|
| 18 |
-
4. Download the code or get an explanation
|
| 19 |
-
|
| 20 |
-
## Deployment
|
| 21 |
-
|
| 22 |
-
To deploy on Hugging Face Spaces:
|
| 23 |
|
| 24 |
-
|
| 25 |
-
2. Create a new Space on Hugging Face
|
| 26 |
-
3. Connect your GitHub repository
|
| 27 |
-
4. Select Gradio as the SDK
|
| 28 |
-
5. Deploy!
|
| 29 |
|
| 30 |
-
|
|
|
|
|
|
|
|
|
|
| 31 |
|
| 32 |
-
|
| 33 |
-
- Alternative: `replit/replit-code-v1-3b`
|
| 34 |
|
| 35 |
-
|
| 36 |
|
| 37 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# ๐ AI Website Builder
|
| 2 |
|
| 3 |
A free, open-source tool that generates complete websites from natural language descriptions using AI.
|
| 4 |
|
| 5 |
+
 *(replace with actual demo GIF)*
|
| 6 |
+
|
| 7 |
## Features
|
| 8 |
|
| 9 |
+
โจ **Text-to-Website Generation**: Describe what you want in plain English
|
| 10 |
+
๐ฅ๏ธ **Live Preview**: See your website render in real-time
|
| 11 |
+
๐พ **Download Code**: Get HTML/CSS/JS files as a ZIP
|
| 12 |
+
๐ **Prebuilt Templates**: Quick-start with common website types
|
| 13 |
+
๐ **Code Explanation**: Understand the generated code
|
| 14 |
|
| 15 |
## How to Use
|
| 16 |
|
| 17 |
+
1. **Describe** your website in the text box (or select a template)
|
| 18 |
+
2. Click **"Generate Website"**
|
| 19 |
+
3. View the **code** and **live preview**
|
| 20 |
+
4. **Download** the code or get an **explanation**
|
|
|
|
|
|
|
|
|
|
|
|
|
| 21 |
|
| 22 |
+
## Examples to Try
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
|
| 24 |
+
- "A modern portfolio with dark mode toggle"
|
| 25 |
+
- "E-commerce product page with image gallery"
|
| 26 |
+
- "Restaurant homepage with menu and reservation form"
|
| 27 |
+
- "Tech startup landing page with animated features"
|
| 28 |
|
| 29 |
+
## Configuration
|
|
|
|
| 30 |
|
| 31 |
+
This Space uses:
|
| 32 |
|
| 33 |
+
```yaml
|
| 34 |
+
title: AI Website Builder
|
| 35 |
+
emoji: ๐
|
| 36 |
+
colorFrom: indigo
|
| 37 |
+
colorTo: purple
|
| 38 |
+
sdk: gradio
|
| 39 |
+
sdk_version: "3.0"
|
| 40 |
+
app_file: app.py
|