GenUI - AI Webpage Generator 🚀

An AI-powered webpage generator built with Vite and the Gemini API.

View Live Demo »

📖 About The Project

GenUI is an innovative tool that allows users to instantly generate fully functional and responsive webpages by simply providing prompts. The AI takes care of the HTML, CSS, and JavaScript, enabling rapid prototyping and creative web development without writing code manually.

✨ Key Features

• ⚡ Blazing Fast: Built with Vite for a fast and modern development experience.
• 🤖 AI-Powered: Leverages the Gemini API for intelligent, context-aware code generation.
• 🎨 Production Ready: Generates responsive, high-quality webpages from simple text prompts.
• 🔄 Live Preview: Watch your generated web pages come to life instantly with real-time previews.
• 🖥️ Developer Friendly: Features a minimal, clean, and intuitive interface.

🚀 Tech Stack

• Frontend: React, Vite
• AI Integration: Google Gemini API
• Styling: Tailwind CSS / Bootstrap

🛠️ Getting Started

Follow these steps to set up the project locally on your machine.

Prerequisites

Ensure you have Node.js and npm installed on your system.

Installation

1. Clone the repository

   git clone https://github.com/pratiktawhare/genui.git

2. Navigate to the project directory

   cd ai-webpage-generator

3. Install dependencies

   npm install

4. Set up environment variables Create a .env.local file in the root directory and add your Gemini API key:

   VITE_GEMINI_API_KEY=your_api_key_here

5. Start the development server

   npm run dev

🎮 Usage

1. Open the application in your browser (usually http://localhost:5173).
2. Enter a descriptive prompt of the webpage you want to build.
3. Click generate, and watch the AI create your webpage! 🎉

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

Built by Pratik Tawhare