Personagens que acompanham o que a pessoa digita, ficam tímidos na senha, reagem ao erro e comemoram quando ela entra. Prontos para o seu sistema e 100% editáveis: nome, logo, cores, textos, layout e integração com o seu backend.
Um login que conversa com quem está entrando deixa o seu sistema com cara de produto caprichado — e ajuda a pessoa a entender o que está acontecendo.
O personagem acompanha o cursor e o e-mail que está sendo escrito.
Cobre os olhos quando a senha é digitada — e espia quando ela é mostrada.
A cada tentativa errada a reação muda; no 3º erro aponta o “Esqueci a senha”.
Uma festa no login e outra diferente no cadastro, com o nome da pessoa.
Antes de a pessoa errar a senha sem perceber.
No cadastro, a cena reage à senha fraca, média ou forte.
Muitas tentativas? Mostra o bloqueio e libera sozinho no tempo certo.
Avisa quando a conexão cai, sem a pessoa achar que errou a senha.
Clique em qualquer modelo para testar ao vivo. Use demo@exemplo.com e a senha demo123 — ou erre de propósito para ver a reação.
Veja isto antes de achar que o produto está quebrado — alguns computadores vêm com a opção de reduzir animações ligada no sistema operacional, e isso desliga as animações de qualquer site, incluindo estas demonstrações.
Configurações → Acessibilidade → Efeitos visuais → ligue "Efeitos de animação"
Ajustes do Sistema → Acessibilidade → Movimento → desligue "Reduzir movimento" (versões antigas: Preferências do Sistema)
Escolha o modelo, troque o layout, a cor da sua marca e o nome do seu sistema pra conferir o resultado. Essas opções ficam gravadas num arquivo config.js, incluso no pacote que você recebe na compra — é só editar os valores ali (vem tudo comentado em português). A integração com o seu sistema fica por conta do seu time de TI.
Dica: erre a senha três vezes seguidas, ligue o Caps Lock ou clique no olho para mostrar a senha — e veja a cena reagir.
Cada kit vem com o código-fonte completo e organizado. O que é seu (nome, logo, cores, textos, layout e a rota do seu backend) fica no config.js; o resto já funciona.
// config.js — o único arquivo que você precisa editar import pizza from './scenes/pizza.js'; import pizzaria from './themes/pizzaria.js'; export default { appName: 'Pizzaria do Zé', logo: './assets/logo.svg', // seu logo tagline: 'A melhor pizza da cidade.', demo: false, endpoint: { url: '/api/login' }, // sua rota de login redirectUrl: '/painel', scene: pizza, theme: pizzaria, layout: 'lateral-vidro', // 7 opções themeVars: { '--lk-accent': '#c8252b' }, // cor da marca texts: { title: 'Bem-vindo de volta!' }, tabs: [ /* Entrar / Criar conta */ ], };
config.js, sem tocar no motor — é o que o laboratório acima faz.Pagamento único, sem mensalidade. Para comprar, chame no WhatsApp — eu envio o pacote com os arquivos prontos pra sua equipe integrar.
Eu crio uma cena exclusiva — com o seu personagem, o seu produto ou o seu logo animado — reagindo do mesmo jeito: à digitação, à senha, ao erro e ao sucesso.
Chame no WhatsApp (11) 99520-0313, diga quais modelos você quer e pague por Pix ou transferência bancária. Eu envio os arquivos em seguida.
Para trocar nome, logo, cores e textos, não: é só editar o config.js, que vem todo comentado em português. Para ligar ao login do seu sistema, basta informar a rota da sua API ao seu time de TI — a integração fica por conta dele, com base na documentação incluída no pacote.
Funciona em qualquer site ou sistema web: HTML puro, React, Vue, PHP, Node e outros. O kit envia e-mail e senha para a rota que você indicar e segue a resposta do seu servidor.
Sim. Os layouts se adaptam à tela do celular e também podem ficar dentro de uma janela (modal) no seu site. Teste no laboratório acima, na opção “Celular”.
O kit não guarda senha nenhuma e funciona com políticas de segurança rígidas (CSP). A sessão continua sendo responsabilidade do seu servidor, e o manual traz um checklist de produção com as boas práticas.
Pode. No plano Personalizado eu crio uma cena exclusiva com o mascote, o produto ou o logo da sua marca. Peça um orçamento pelo WhatsApp.
Escolha um dos 17 modelos ou peça um personalizado. Pagamento por Pix ou transferência bancária.