https://github.com/fireproof-storage/ai-app-builder
The most forkable AI app generator, deployed as single page app
https://github.com/fireproof-storage/ai-app-builder
ai claude codegen frontend javascript openrouter react vibecode
Last synced: 22 days ago
JSON representation
The most forkable AI app generator, deployed as single page app
- Host: GitHub
- URL: https://github.com/fireproof-storage/ai-app-builder
- Owner: fireproof-storage
- License: other
- Created: 2025-02-20T18:21:17.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-23T15:14:50.000Z (28 days ago)
- Last Synced: 2025-03-23T16:26:05.014Z (28 days ago)
- Topics: ai, claude, codegen, frontend, javascript, openrouter, react, vibecode
- Language: TypeScript
- Homepage: https://justvibes.dev
- Size: 12.4 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-AI-driven-development - ai-app-builder - The most forkable AI app generator, deployed as single page app (Uncategorized / Uncategorized)
README
# ✨ Vibe coding just got easier
Your **ideas** become **apps** instantly. [Try the hosted version](https://vibe-coding.use-fireproof.com/) or fork it on [GitHub](https://github.com/vibe-coding/vibe-coding) and bring your own API keys.
This tool lets you build React components with zero setup. With built-in Fireproof data persistence and OpenRouter API access, your creations are powerful and easy to share.
## Example Projects
Fractal Explorer
Interactive fractal visualization with save and load
Trivia Game
AI powered questions on any topic
## Features
- Build React components using AI
- Save and browse previous chat sessions
- Integrated with Fireproof for data persistence
- Real-time UI preview
## Getting Started
1. Clone the repository
2. Install dependencies with `pnpm i` or `pnpm install`
3. Set up your environment variables by copying `env-template.txt` to `.env` and adding your OpenRouter API key.
4. Run the development server with `pnpm dev`
## Quick Start
```bash
# Install dependencies
pnpm i
# Set up your environment variables
cp env-template.txt .env
# Add your OpenRouter API key, available here
open https://openrouter.ai/settings/keys
# Start development server
pnpm dev
```
## Chat Session History
The application saves each chat session to Fireproof, allowing you to:
- Browse previous chat sessions in the collapsible sidebar
- Return to previous sessions to continue your work
- Keep track of all your component building history
- Track screenshots of your component previews
## Example Prompts
Write a simple app that allows me to chat about gardening, use stream: true for the chat and save response as individual Fireproof documents.