Vibra Code

Open-Source AI App Builder for Mobile

Describe what you want → AI builds it → Preview it natively on your phone

   

_{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

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/)

Services

Modals

Message Types

The chat renders different node types based on the message content from Convex:

Built with Claude Code

This entire project — backend, mobile app, native iOS UI, infrastructure — was built by one developer using Claude Code.

If you're working on this codebase, Claude Code gives you the best experience. The CLAUDE.md has detailed context about every file, pattern, and convention.

Vibra Code vs Alternatives

Looking for an AI app builder? Here's how Vibra Code compares:

• Vibe Code App alternative — Vibra Code is the open-source version you can self-host and customize
• Rork alternative — Same concept (describe → AI builds → preview on phone) but fully open source
• Lovable alternative — Lovable focuses on web apps; Vibra Code builds native mobile apps with Expo
• Bolt.new alternative — Bolt.new runs in the browser; Vibra Code gives you a native iOS/Android experience
• Cursor alternative — Cursor is an AI code editor; Vibra Code is an AI app builder that generates complete apps from descriptions
• Replit alternative — Replit is a cloud IDE; Vibra Code is purpose-built for mobile app generation with native preview

Vibra Code is the first open-source AI mobile app builder. Fork it, self-host it, make it yours.

Contributing

PRs welcome. See CONTRIBUTING.md.

License

AGPL-3.0 © 2024-2026 Vibra Code contributors.

Built by Sehind Hemzani — 19 y/o developer from Kurdistan

 

If this project is useful, please give it a star — it helps others find it.