The first mobile Web3 vibe coding platform. Describe an app → AI builds it → Preview it live → Ship it. All from your Android phone.
Dappit Mobile brings the power of AI-assisted web development to your phone. Built on Solana Mobile Stack, it combines:
- AI App Builder — Describe any app in plain English. Dappit's AI (Claude) generates a complete HTML/CSS/JS app in ~5 seconds, rendered live in a WebView
- Iterative Vibe Coding — Don't like it? Type "make it darker" or "add a navbar" and watch it regenerate
- Solana Wallet — Full Mobile Wallet Adapter (MWA) integration with Phantom/Solflare
- Token Launcher — Create and launch tokens on Solana directly from your phone
- AI Chat — Conversational AI assistant for Web3 development questions
You type: "Build a crypto portfolio dashboard with live prices"
AI builds: Complete HTML/CSS/JS app with charts, gradients, dark mode
You see: Live preview in WebView, running on your phone
You say: "Add a sidebar with wallet balances"
AI iterates: Updated app with your changes, instantly
The App Builder uses Dappit's cloud AI backend (dappit.io/api/llmcall) with Claude Haiku for fast generation (~5-10s), streamed via XMLHttpRequest for React Native compatibility.
| Technology | Purpose |
|---|---|
| React Native (0.76) + Expo (SDK 52) | Cross-platform mobile framework |
| Solana web3.js | Blockchain transactions & RPC |
| Mobile Wallet Adapter (MWA v2) | Phantom/Solflare wallet integration |
| React Native Paper (Material Design 3) | Premium UI components |
| WebView | Live HTML/CSS/JS preview |
| AsyncStorage | Local project persistence |
| Dappit Cloud API | AI code generation (Claude Haiku) |
| TypeScript | Type-safe development |
- Node.js 18+
- Android device with USB debugging enabled
- JDK 17 + Android SDK 34
- Phantom or Solflare wallet app installed on device
# Clone
git clone https://github.com/Achilles1089/dappit-mobile.git
cd dappit-mobile
# Install dependencies
npm install
# Generate native project
npx expo prebuild --platform android
# Build and install on device
npx expo run:android --device
# Start Metro dev server
npx expo start --dev-client# Build standalone release APK (no dev server needed)
npx expo prebuild --platform android --clean --no-install
cd android && ./gradlew :app:assembleRelease
# APK at: android/app/build/outputs/apk/release/app-release.apksrc/
├── screens/
│ ├── BuilderScreen.tsx # AI App Builder (hero feature)
│ ├── AIChatScreen.tsx # AI Chat assistant
│ ├── DashboardScreen.tsx # Home dashboard
│ ├── WalletScreen.tsx # Solana wallet (MWA)
│ ├── TokenLauncherScreen.tsx # Token creation
│ └── LoginScreen.tsx # Auth flow
├── components/
│ └── DappitIcon.tsx # Brand icon system
├── services/
│ ├── ai.ts # AI API client (XHR)
│ ├── api.ts # Axios config
│ └── token.ts # Token/points service
├── theme/
│ └── colors.ts # Brand color system
└── utils/
├── useMobileWallet.tsx # MWA hook
└── useAuthorization.tsx # Auth state
- React Native + Cloudflare —
fetch()(OkHttp) fails against Cloudflare Workers. Solved withXMLHttpRequestfor full streaming compatibility - Model Registry — Mobile client needed exact model names from deployed API registry to hit the correct AI endpoint
- Streaming vs Timeout — Claude Haiku fast enough (~5s) to avoid Cloudflare's 60s gateway timeout, no chunked streaming needed
- SVG in React Native — Custom brand icons via
react-native-svginstead of emoji characters for consistent cross-device rendering - AAPT2 Resource Conflicts — 3D PNG assets caused duplicate resource compilation errors in release builds. Solved by switching to
MaterialCommunityIconsfallbacks - Standalone APK — Built release APK directly with Gradle (
assembleRelease) to bypass EAS CLI login requirements
Get the latest release APK and demo video:
Built with 🔥 by Dappit — The First Web3 Vibe Coding Platform