HTML'den Mobil Uygulamaya Dönüştürücü

Uygulama Ayarları

Uygulama Adı

Paket ID

Tema Rengi

Görünüm Modu

index.html

<div style="font-family: sans-serif; padding: 20px; text-align: center; min-height: 100vh; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); display: flex; flex-direction: column; align-items: center; justify-content: center;">
    
    <div style="background: white; padding: 25px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); width: 100%; max-width: 320px;">
        <div style="background: #e0f2fe; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;">
             
             <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#2563eb" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path>
                <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path>
                <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path>
                <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path>
             </svg>
        </div>
        <h2 style="color: #1e293b; margin: 10px 0; font-size: 24px;">Mobil Başlangıç</h2>
        <p style="color: #64748b; font-size: 15px; line-height: 1.6; margin-bottom: 20px;">
            Bu araç ile yazdığın HTML kodları anında bir mobil uygulamaya dönüşüyor.
        </p>
        <button style="background: #2563eb; color: white; border: none; padding: 12px 24px; border-radius: 12px; font-weight: 600; width: 100%; font-size: 16px; cursor: pointer; transition: transform 0.2s;" onclick="this.style.transform='scale(0.95)'; setTimeout(()=>this.style.transform='scale(1)', 150)">
            Hemen Başla
        </button>
    </div>

<p style="margin-top: 30px; font-size: 12px; color: #64748b; opacity: 0.8;">v1.0.0 • React & Tailwind Uyumlu</p>
</div>

Canlı Önizleme

14:30

Tüm cihazlarda (Telefon, Tablet, PC) duyarlı çalışacak şekilde ayarlanmıştır. Çerçeve ekran boyutuna göre otomatik ölçeklenir.

App Converter

Uygulama Ayarları

Hazır!