Build apps and websites by chatting with AI — generate components, pages, and full projects with live previews and runnable sandboxes.
Live demo: Go To Website
- 🚀 Next.js 15 + React 19
- 🎨 Tailwind v4 + Shadcn/ui
- 📡 tRPC for full-stack type safety
- 🔁 Inngest background jobs
- 🧠 Inngest agent toolkit
- 🔐 Clerk authentication
- 💳 Clerk billing
- 🧱 Component and app generation from AI prompts
- 🗂️ Live project preview with URL access
- 🖥️ E2B cloud sandboxes for runtime execution
- 🐳 Docker-based sandbox templating
- 🧠 AI model support (OpenAI, Anthropic, Grok)
- 📦 Prisma + Neon for database integration
- 🤖 CodeRabbit AI-powered PR reviews
- 🧾 Built-in credit system with usage tracking
- 🧪 Preview + code explorer toggle
Lumina helps designers, PMs, and developers quickly iterate on ideas by describing the interface and behavior in plain language. It produces usable code, runs previews in isolated sandboxes, and integrates billing and credits so you can safely control AI usage.
Requirements: Node 20+, pnpm (or npm/yarn), Docker (for local sandbox templating), Neon/Postgres, Clerk account, AI provider keys.
- Clone
git clone https://github.com/ABHAY627/Lumina-AI-powered-web-app-builder.git
cd Lumina-AI-powered-web-app-builder- Install
pnpm install- Copy env and fill values
cp .env.example .env
# edit .env with your DATABASE_URL, CLERK keys, AI keys, INNGEST keys, etc.- Run
pnpm dev
# open http://localhost:3000Try a prompt like:
"Build a kanban board with drag-and-drop using react-beautiful-dnd and local state."
- DATABASE_URL
- NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
- CLERK_SECRET_KEY
- INNGEST_API_KEY
- INNGEST_AGENT_KEY
- OPENAI_API_KEY / ANTHROPIC_API_KEY / GROK_API_KEY
- NEON_PROJECT_ID
- S3 / STORAGE provider details
Refer to .env.example for the full set of expected variables.
- Frontend: Next.js 15 + React 19 (app dir) + Tailwind v4 + shadcn/ui
- API: tRPC endpoints for type-safe communication
- Background: Inngest for jobs & agents
- Sandboxes: Docker-based E2B sandboxes for live previews
- DB: Prisma + Neon (Postgres)
- Auth & Billing: Clerk
- AI: Pluggable adapters for OpenAI, Anthropic, Grok
- PR Reviews & QA: CodeRabbit integrations
- Open issues for bugs and feature requests.
- Send PRs to main with tests and formatting.
- Add poster images to
public/and reference them in README as needed.
MIT (update LICENSE if necessary). Built with Open Source tools and AI.
⭐ If this project helped you, please star it!
Made with ❤️ by ABHAY GAUTAM