Skip to content

Gautam-Sahil/WebHive

Repository files navigation

🕸️ WebHive

Build web apps instantly by chatting with AI.

Screenshot 2025-12-19 181656

WebHive is a next-generation AI development platform that allows users to generate, visualize, and see web applications code in real-time. Unlike standard chatbots, WebHive spins up secure cloud sandboxes to run code live as it's being written.

Status Next.js React

✨ Features

  • 💬 Natural Language to Code: Describe your idea, and the AI (powered by OpenRouter) architects and writes the application.
  • ⚡ Live Preview & Execution: Watch your app come to life instantly. Code runs inside secure E2B Cloud Sandboxes.
  • 🔒 Secure Sandboxing: Complete isolation for executing untrusted AI-generated code.
  • 🔄 Smart Background Workflows: Powered by Inngest, handling complex AI reasoning steps and preventing timeouts.
  • 🎨 Modern UI/UX: Built with Tailwind v4 and Framer Motion for smooth animations and a polished feel.
  • 💳 Credit System: Integrated usage limits for Free vs. Pro plans.
  • 🔐 Authentication: Enterprise-grade auth via Clerk.

🛠️ Tech Stack

Built with the T3 Stack ideology, leveraging the latest bleeding-edge technologies.

Core Framework

  • Next.js 16 (App Router) - The latest React framework.
  • React 19 - Leveraging the newest concurrent features.
  • TypeScript - Strict type safety throughout.

AI & Execution Engine

  • E2B Code Interpreter - Secure cloud sandboxes for live code execution.
  • OpenRouter API - Access to top-tier LLMs (Claude 3.5, Llama 3, mistral etc.).
  • Inngest (+ Agent Kit) - Durable execution for long-running AI workflows and queues.

Backend & Data

  • tRPC v11 - End-to-end typesafe APIs.
  • Prisma - Next-generation ORM.
  • Neon - Serverless PostgreSQL database.
  • TanStack Query - Asynchronous state management.

UI & Styling

  • Tailwind CSS v4 - Utility-first CSS.
  • Framer Motion - Production-ready animations.
  • Radix UI - Unstyled, accessible UI primitives.
  • Sonner - Toast notifications.
  • Lucide React - Beautiful iconography.

Authentication & Validation

  • Clerk - Complete user management.
  • Zod - Schema validation.

Developed with ❤️ by [Gautam Tiwari]