A production-ready, mobile-optimized Progressive Web App template for Solana with Mobile Wallet Adapter (MWA) integration.
Live Demo · Documentation · npm Package
npx create-solana-pwa my-dapp
cd my-dapp
npm run devOpen http://localhost:3000 on your mobile device.
solana-pwa-demo-final.mp4
- Mobile Wallet Adapter (MWA) - Connect with Solana mobile wallets
- PWA Ready - Installable as native-like app
- TWA Support - Convert to Android app with Bubblewrap
- Chrome Preference - Custom TWA config for MWA compatibility
- Mobile-First UI - Safe areas, bottom nav, pull-to-refresh
- Framer Motion - Smooth animations
- CLI Scaffolding - Quick project setup
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Animations | Framer Motion |
| Wallet | @solana-mobile/wallet-adapter-mobile |
| TWA | Bubblewrap CLI |
my-dapp/
├── src/
│ ├── app/ # Next.js pages
│ ├── components/ # React components
│ │ ├── navigation/ # Header, BottomNav
│ │ ├── wallet/ # WalletProvider, WalletButton
│ │ ├── splash/ # Splash screens
│ │ └── ui/ # Toast, PullToRefresh
│ └── styles/ # CSS files
├── public/
│ ├── manifest.json # PWA manifest
│ └── .well-known/ # Asset links
├── twa/ # TWA configuration
│ ├── twa-manifest.json
│ └── CustomLauncherActivity.java
└── package.json
# Development
npm run dev
# Production
npm run build
# TWA (Android)
cd twa
bubblewrap init --manifest https://your-domain.com/manifest.json
bubblewrap buildFull documentation at solana-pwa-docs.vercel.app
MIT
Built for the Solana Mobile ecosystem.