Web2APK - Convert HTML/CSS/JS to Android App

Create Your Android App in Minutes

No coding knowledge required. Just write HTML, CSS, and JavaScript!

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My App</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <div class="container">
        <h1>Welcome to My App!</h1>
        <p>This is a sample HTML page converted to Android app.</p>
        <button onclick="showMessage()">Click Me!</button>
        <div id="message"></div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    min-height: 100vh;
}

.container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

button {
    background: white;
    color: #667eea;
    border: none;
    padding: 12px 24px;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}

button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

#message {
    margin-top: 20px;
    padding: 15px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
    display: none;
}

function showMessage() {
    const messageDiv = document.getElementById('message');
    messageDiv.innerHTML = '<h2>Hello from JavaScript!</h2><p>Your app is working perfectly!</p>';
    messageDiv.style.display = 'block';
    
    // Add animation
    messageDiv.style.opacity = '0';
    messageDiv.style.transform = 'translateY(20px)';
    
    setTimeout(() => {
        messageDiv.style.transition = 'all 0.5s ease';
        messageDiv.style.opacity = '1';
        messageDiv.style.transform = 'translateY(0)';
    }, 100);
}

// Initialize app
document.addEventListener('DOMContentLoaded', function() {
    console.log('App initialized successfully!');
});

Live Preview

App Configuration

App Name

Package Name

Version

App Icon

Orientation

Enable Fullscreen

Allow Offline Mode

Export Options

Your App on Phone

Build Your App

PhoneGap Build (Easy)

Upload your project to get APK instantly. No installation required!

Local Build (Advanced)

Build APK on your computer with auto-install scripts.

Create Your Android App in Minutes

Live Preview

App Configuration

Export Options

Your App on Phone

Build Your App

PhoneGap Build (Easy)

Local Build (Advanced)

Generating Android App...

Build Instructions

Method 1: PhoneGap Build (Recommended)

Method 2: Local Build with Auto-Install

Pro Tip