vibra-code

E2B sponsored $20K in cloud sandbox credits through their Startups program.

Demos

Mobile App

https://github.com/user-attachments/assets/f72fcbf0-091a-4cc1-a453-fed062f52bdf

Website

https://github.com/user-attachments/assets/5610f5e1-d146-4634-b616-301560e230f0

Game Built with Vibra Code

https://github.com/user-attachments/assets/0d5a79ef-f69a-452b-a25a-9e149de6e05a

What is Vibra Code?

Vibra Code is an open-source AI app builder that lets you create mobile apps by describing them in plain English. The backend runs Claude Code (Anthropic's AI coding CLI) inside an E2B cloud sandbox to generate complete apps while you watch in real time. Then you see a live preview — right on your phone.

Think of it as an open-source alternative to Vibe Code App, Rork, Lovable, and Bolt.new — but you can self-host it, customize the AI prompts, swap AI providers, and fork it to make it your own.

This is the complete source code behind the app on the App Store. Built by one developer with Claude Code. Now open source.

Why Open Source?

Every other AI app builder is closed-source. You can't see how it works, can't customize it, can't self-host it.

Looking for an open-source vibe coding app? This is it. Fork it, self-host it, make it yours.

Features

60fps native chat UI built with Texture + IGListKit. Off-main-thread rendering. No jank.

Multi-AI providers -- Claude (default), Cursor, Gemini. Switch with one env var.

E2B cloud sandboxes for isolated, safe code execution.

Real-time sync via Convex. Changes stream from sandbox to phone instantly.

Voice & image input -- describe apps by voice or attach mockup screenshots.

GitHub integration -- push generated projects directly to GitHub.

Web + mobile preview -- preview both web and mobile apps.

Built on Expo -- modified Expo Go gives you full native control.

Architecture

  Phone                     Server                        Cloud
┌──────────┐   API    ┌──────────────┐   Queue    ┌──────────────┐
│  Expo    │ ──────── │   Next.js    │ ────────── │  E2B Sandbox │
│  iOS App │          │   + Convex   │   Inngest  │  + AI Agent  │
└────┬─────┘          └──────┬───────┘            └──────┬───────┘
     │                       │                           │
     └───── real-time sync ──┴─── code generation ───────┘

1. User describes an app on their phone
2. Backend creates a session in Convex
3. Inngest spawns an E2B sandbox
4. AI agent generates code in the sandbox
5. Updates stream via Convex back to the phone
6. Phone shows a live preview via tunnel URL

Quick Start

Prerequisites

Stripe and RevenueCat keys are optional -- only needed if you want payments.

1. Backend

cd vibracode-backend
npm install
cp .env.example .env.local    # then add your API keys

npx convex deploy              # deploy database
npx inngest-cli@latest dev     # job server → localhost:8288
npm run dev                    # Next.js → localhost:3000

2. Build the E2B Sandbox Template

npm install -g @e2b/cli && e2b auth login
cd vibracode-backend/e2b-cursor-template
e2b template build
# Copy the template ID → set it in config.ts and lib/e2b/config.ts

3. Mobile App (macOS required)

git clone --recurse-submodules https://github.com/sa4hnd/vibra-code.git
cd vibra-code/vibracode-mobile

brew bundle                                                # cmake, ninja for Hermes
yarn                                                       # JS dependencies
yarn setup:native                                          # native setup
cd packages/expo && yarn build && cd ../..                 # build Expo
cd react-native-lab/react-native && yarn install && cd ../..   # RN from source
cd apps/expo-go/ios && pod install && cd ../../..          # CocoaPods
cd apps/expo-go && yarn start                              # Metro (must be port 80)

Then in Xcode:

1. Open apps/expo-go/ios/Exponent.xcworkspace
2. Set DEV_KERNEL_SOURCE → LOCAL in EXBuildConstants.plist
3. Build and run

Project Structure

vibra-code/
├── vibracode-backend/            # Next.js 15 + Convex + Inngest
│   ├── app/api/                  # API routes
│   ├── convex/                   # Database schema & functions
│   ├── lib/inngest/functions/    # Background jobs
│   ├── lib/e2b/                  # Sandbox configuration
│   └── e2b-cursor-template/      # E2B Dockerfile
│
├── vibracode-mobile/             # React Native / Expo
│   └── apps/expo-go/
│       ├── src/screens/          # App screens
│       ├── src/services/         # Business logic
│       └── ios/Client/Menu/      # Native chat UI (Texture + IGListKit)
│
├── expo-template/                # Sandbox app template (submodule)
└── CLAUDE.md                     # AI dev guidelines

Tech Stack

Native iOS Chat System (ios/Client/Menu/)

The heart of the mobile app is a high-performance native chat UI built with Texture (AsyncDisplayKit) + IGListKit for 60fps scrolling. This is where users interact with the AI agent.

Core Files

Chat Components (Chat/)

| File | Purpose | |