AppIA

Pablo

🔑 Senha

🌙 Escuro

DESCREVA.
A IA CONSTROI.

Preencha as informacoes e descreva o que quer. O AppIA gera o codigo completo, pronto para publicar na Vercel.

Dados do App

Nome do App / Negocio *

Cor Principal

WhatsApp (DDI+DDD+numero)

Estilo Visual

🏷️ Logomarca da Empresa (opcional)

Clique para adicionar a logo PNG, JPG, SVG — até 5MB

⏳ Enviando logo...

✅ Logo adicionada! Será incluída no app.

📷 Imagens dos Produtos (opcional)

🖼️ Clique para adicionar fotos dos produtos JPG, PNG — até 5MB cada — várias de uma vez

⏳ Enviando imagens...

Os links serão inseridos automaticamente no prompt ao gerar o app.

🎬 Vídeos do App (opcional)

Adicione quantos vídeos quiser. Dê um nome para cada um — o AppIA vai usar esse nome para saber onde colocar cada vídeo no app. Aceita YouTube e Vimeo, inclusive vídeos não listados.

Descreva seu App

Escreva com suas palavras o que voce quer criar. Quanto mais detalhe, melhor o resultado. Fale sobre o que o app faz, quem vai usar e quais informacoes precisa mostrar.

Clique em um exemplo para comecar

Chave da API Claude (Anthropic)

Chave nao configurada - necessaria para gerar apps

Construindo seu app...

App Pronto!

/* ===== MOBILE FIXES ===== */ /* Fix: font-size >= 16px em todos os inputs para evitar zoom automatico no iOS */ input:not([type="file"]),textarea,select{font-size:16px} /* Breakpoint 430px para celulares comuns */ @media(max-width:430px){ .lc{padding:28px 16px} .tb{padding:0 12px} .tl{font-size:22px} .ab{padding:20px 12px 80px} .pc,.fc,.ac{padding:16px 14px} .pt{font-size:clamp(32px,10vw,44px)} .ps{font-size:12px} .pta{min-height:130px;font-size:13px} .el{gap:5px} .eb{font-size:9px;padding:5px 8px} .ar{flex-direction:column} .bs{padding:10px;width:100%} .bg{font-size:13px;padding:16px} .ba{flex:1;justify-content:center;font-size:9px;padding:9px 10px} #pif{height:380px} .cv{height:380px} .refine-row{flex-direction:column} .btn-refine{width:100%} } /* Touch targets minimos de 44px */ .blg,.bg,.ba,.btn-refine{min-height:44px} /* iOS smooth scroll */ .cv{-webkit-overflow-scrolling:touch;overflow-y:auto} /* Prevenir overflow horizontal */ @media(max-width:600px){ body{overflow-x:hidden} .tb{overflow:hidden} .refine-input{min-width:0;width:100%} } /* ===== FIM MOBILE FIXES ===== */

✏️ Ajustar esse app

Aplicando ajuste...

Descreva o que quer mudar. Pode pedir vários ajustes de uma vez.

🎨 Mudar cor ➕ Adicionar item ➖ Remover seção ✏️ Mudar nome 📱 Mudar WhatsApp 💎 Melhorar visual ⭐ Adicionar depoimentos 🌎 Traduzir 📷 Adicionar imagem