⚡ NeonBuilder

Convert HTML to Real Android APK

💻 HTML Editor

Ready

👁️ Preview

📦 Generate APK

📱 How it works: Click "Generate APK" to download all files needed. Upload the HTML file to PWABuilder.co to get your real APK file.
`; // Generate manifest.json const manifest = { "name": appName, "short_name": appName.substring(0, 12), "description": appName, "start_url": "/", "display": "standalone", "scope": "/", "theme_color": themeColor, "background_color": themeColor, "orientation": "portrait-primary", "icons": [ { "src": "icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" }, { "src": "icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" } ] }; // Generate AndroidManifest.xml const androidManifest = ` `; // Simple Service Worker const serviceWorker = `const CACHE_NAME = 'neonbuilder-v1'; const urlsToCache = [ '/', '/index.html', '/manifest.json' ]; self.addEventListener('install', event => { event.waitUntil( caches.open(CACHE_NAME) .then(cache => cache.addAll(urlsToCache)) ); }); self.addEventListener('fetch', event => { event.respondWith( caches.match(event.request) .then(response => response || fetch(event.request)) .catch(() => caches.match('/')) ); });`; // Download HTML downloadFile(enhancedHTML, \`\${appName.replace(/\\s/g, '_')}.html\`, 'text/html'); // Download manifest setTimeout(() => { downloadFile(JSON.stringify(manifest, null, 2), 'manifest.json', 'application/json'); }, 200); // Download Android manifest setTimeout(() => { downloadFile(androidManifest, 'AndroidManifest.xml', 'text/xml'); }, 400); // Download Service Worker setTimeout(() => { downloadFile(serviceWorker, 'service-worker.js', 'application/javascript'); }, 600); // Download instructions const instructions = \`🚀 APK GENERATION GUIDE ======================================== Files Generated: 1. \${appName.replace(/\\s/g, '_')}.html - Your app 2. manifest.json - PWA configuration 3. AndroidManifest.xml - Android config 4. service-worker.js - Offline support NEXT STEPS - GO TO PWABuilder.co: ======================================== 1. Visit: https://www.pwabuilder.com 2. Click "Start" 3. Upload the HTML file 4. Click "Continue" 5. Review your app info 6. Click "Package for stores" 7. Select "Android" 8. Download your APK 9. Install on phone! INSTALL ON PHONE: ======================================== 1. Transfer APK to Android phone 2. Settings → Security → Enable "Unknown Sources" 3. Open file manager 4. Tap APK file 5. Click "Install" 6. Done! 🎉 App Name: \${appName} Package: \${packageName} Version: \${appVersion} Theme: \${themeColor} Ready? Go to PWABuilder.co now! ========================================\`; setTimeout(() => { downloadFile(instructions, \`\${appName.replace(/\\s/g, '_')}_INSTRUCTIONS.txt\`, 'text/plain'); }, 800); document.getElementById('htmlStatus').innerHTML = \`✓ 4 files generated! Downloading...\`; // Open PWABuilder setTimeout(() => { alert('✅ 4 files downloaded!\\n\\n1. HTML file\\n2. manifest.json\\n3. AndroidManifest.xml\\n4. service-worker.js\\n\\nOpening PWABuilder.co...'); window.open('https://www.pwabuilder.com', '_blank'); }, 1200); } function downloadFile(content, filename, type) { const blob = new Blob([content], { type }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }