Skip to content

shivamhuyrr/NEXUS-AI-WEB-BUILDER

NEXUS AI WEBSITE BUILDER

NEXUS AI Logo

🚀 Premium AI-Powered Real-Time Website Builder

Live Demo License: MIT React Tailwind CSS Gemini AI

Build stunning, fully functional websites in seconds using the power of generative AI.

🌐 Live App · 📖 Docs · 🐛 Report Bug


✨ Overview

NEXUS AI WEBSITE BUILDER is a state-of-the-art platform that transforms natural language descriptions into premium, production-ready websites. Leveraging advanced models like Google Gemini Flash, it provides a seamless, iterative building experience with live previews and instant code modifications.

🌟 Key Features

  • 🛠️ Instant AI Generation — Create full-page layouts from a single prompt
  • 🎨 Glassmorphism UI — Sleek, modern aesthetic designed for a premium user experience
  • Real-Time Streaming — Watch your site render live via Server-Sent Events (SSE)
  • 📱 Mobile-Optimized — Every generated site is fully responsive by default
  • 🔒 Safe Sandboxing — Code runs in an isolated iframe environment
  • 🌍 Multi-Language — i18n support for English, Spanish, and Hindi
  • 🔄 Model Fallback Chain — Automatic retries across multiple Gemini Flash models
  • 📤 CodeSandbox Export — One-click export to CodeSandbox for further editing

🚀 How It Works

📝 Describe your site → 🤖 AI generates HTML/CSS → ⚡ Live streaming preview → ✏️ Iterate with modifications
  1. Describe — Enter a natural language description of your website
  2. Generate — The AI engine streams HTML & CSS in real-time via SSE
  3. Preview — Watch your website render live in a secure sandboxed iframe
  4. Modify — Refine with follow-up instructions ("make the buttons larger", "change color to gold")

⚙️ Tech Stack

Layer Technology
Frontend React.js, Tailwind CSS, Framer Motion
Backend Node.js, Express.js
AI Engine Google Gemini Flash (primary), Anthropic Claude, OpenAI
Icons Lucide React
i18n i18next
Deployment Vercel (frontend), Render (backend)

🛠️ Quick Start

Installation

# Clone the repository
git clone https://github.com/shivamhuyrr/NEXUS-AI-WEB-BUILDER.git
cd NEXUS-AI-WEB-BUILDER

# Install frontend dependencies
npm install

# Install backend dependencies
cd server && npm install && cd ..

Environment Setup

Create a .env file inside the server/ directory:

GEMINI_API_KEY=your_gemini_api_key
OPENAI_API_KEY=your_openai_api_key        # optional
ANTHROPIC_API_KEY=your_anthropic_api_key  # optional

Run Locally

# Terminal 1 — Start the backend (port 3001)
node server/server.js

# Terminal 2 — Start the frontend (port 3000)
npm start

Open http://localhost:3000 in your browser.

Live URLs:

Note: The Render free tier spins down after 15 minutes of inactivity. The first request may take 30–60s while the server wakes up.

🤝 Contributing

Contributions are welcome! Please see CONTRIBUTING.md for guidelines.

📄 License

Distributed under the MIT License. See LICENSE for more information.


Built with ❤️ by Shivam Chauhan

About

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors