Generate beautiful web applications instantly with AI prompts
Blitz AI is an AI-powered web application generator that transforms your ideas into fully functional, live web apps through simple text prompts. Built with Next.js 16, it leverages cutting-edge AI to create, preview, and share web applications in real-time.
- AI-Powered Generation: Transform natural language prompts into complete web applications
- Live Preview: See your generated apps running in real-time
- Instant Sharing: Share your creations with friends through unique URLs
- Modern Stack: Built with Next.js 16, React 19, and TypeScript
- Code Interpretation: Execute and preview code dynamically with E2B integration
- Beautiful UI: Responsive design with Tailwind CSS and Radix UI components
- Authentication: Secure user management with Clerk
- Database: Persistent storage with Prisma and PostgreSQL
- Dark Mode: Full theme support with next-themes
- Framework: Next.js 16 with Turbopack
- Frontend: React 19, TypeScript, Tailwind CSS
- UI Components: Radix UI, Lucide Icons
- Authentication: Clerk
- Database: Prisma ORM
- AI Integration: E2B Code Interpreter
- State Management: TanStack Query, tRPC
- Code Highlighting: Prism.js
- Deployment: Vercel-ready
- Node.js 18+
- npm or yarn
- PostgreSQL database
- Clerk account for authentication
- E2B account for code interpretation
- Clone the repository:
git clone https://github.com/prabuddhaxdev/BlitzAI.git
cd blitz- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env.localFill in your environment variables:
# Database
DATABASE_URL="your-postgresql-url"
# Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="your-clerk-publishable-key"
CLERK_SECRET_KEY="your-clerk-secret-key"
# E2B Code Interpreter
E2B_API_KEY="your-e2b-api-key"
# Inngest
INNGEST_EVENT_KEY="your-inngest-event-key"
INNGEST_SIGNING_KEY="your-inngest-signing-key"- Set up the database:
npx prisma migrate dev
npx prisma generate- Start the development server:
npm run devOpen http://localhost:3000 to see your app running!
- Describe Your App: Enter a natural language prompt describing the web application you want to create
- AI Generation: Blitz's AI analyzes your prompt and generates the complete application code
- Live Preview: See your app running instantly in the integrated preview
- Share & Collaborate: Get a shareable URL to show your creation to others
- Iterate: Refine your prompts to modify and improve your generated apps
- "Create a todo app with dark mode and local storage"
- "Build a weather dashboard with charts and animations"
- "Make a portfolio website with a contact form"
- "Generate a calculator with a modern glassmorphism design"
- "Create a music player interface with playlist support"
blitzai/
├── src/
│ ├── app/ # Next.js 16 app directory
│ ├── components/ # Reusable UI components
│ ├── lib/ # Utility functions and configurations
│ ├── server/ # tRPC API routes and database logic
│ └── types/ # TypeScript type definitions
├── prisma/ # Database schema and migrations
├── public/ # Static assets
└── package.json # Dependencies and scripts
npm run dev- Start development server with Turbopacknpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLintnpm run postinstall- Generate Prisma client
We welcome contributions! Please see our Contributing Guide for details.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- Vercel for Next.js and deployment platform
- Clerk for authentication
- E2B for code interpretation
- Radix UI for accessible components
- Tailwind CSS for styling