Zerlo

All it does is build you modern games and websites in seconds.

Powered by Google's Gemini AI • Real-time streaming

View Demo • Features • Quick Start • Deploy • Contributing

---

🎯 Overview

Zerlo is an innovative application that leverages Google's Gemini AI to build you modern games and websites in seconds. Simply provide your ideas, and watch as AI transforms them into beautiful, interactive experiences.

🚀 Key Highlights

• Zero-config generation - No complex setups or configurations needed
• Real-time streaming - See your games and websites materialize as they're generated
• Production-ready output - Generated projects use modern web technologies and best practices
• Dark/Light theme support - Seamless theme switching with system preference detection
• Type-safe - Full TypeScript support with proper type inference
• Edge-optimized - Runs on Vercel Edge Runtime for maximum performance

📸 Demo

🔗 Try the Live Demo

View Screenshots

Light Mode

✨ Features

Core Capabilities

• 🤖 AI-Powered Generation - Transforms your ideas into modern games and websites using Gemini 2.5 Flash Lite
• 🎮 Smart Design - Automatically generates responsive layouts and interactive elements for games and websites
• 🌓 Theme Support - Beautiful dark and light themes with smooth transitions
• 🎲 Sample Project Generation - AI can create realistic project ideas for testing

Supported Input Types

• Natural Language - Describe your game or website idea in plain English
• Design Briefs - Provide structured requirements for specific features
• Reference URLs - Link to existing designs or game concepts for inspiration
• Image Prompts - Upload sketches or mockups to guide the AI

Generated Output Types

• 🎮 Games - Casual games, puzzle games, interactive experiences
• 🌐 Websites - Landing pages, portfolios, e-commerce sites, blogs
• 📱 Web Apps - Interactive tools, dashboards, utility applications
• 🎨 UI Kits - Custom component libraries and design systems
• 💡 Prototypes - Clickable mockups and proof-of-concept designs

🛠️ Tech Stack

Frontend

• Next.js 15 - React framework with App Router
• React 19 - Latest React with improved performance
• TypeScript - Type safety and better DX
• Tailwind CSS v4 - Utility-first styling
• shadcn/ui - High-quality React components

AI & Backend

• Google Gemini AI - Gemini 2.5 Flash Lite model
• Vercel AI SDK - Streaming AI responses [^2][^4][^5][^6]

Development

• next-themes - Theme management
• Lucide Icons - Beautiful open-source icons

🚀 Quick Start

Prerequisites

• Node.js 18.17 or later
• npm, yarn, or pnpm
• Google AI Studio API key

Installation

1. Clone the repository

   git clone https://github.com/codeer-ai/zerlo.git
   cd zerlo