Tingle.js - Um script de janela modal gratuito do Vanilla JS para Minimalists

As janelas modais substituíram rapidamente a caixa de alerta do navegador padrão. Modais bem projetados são mais compatíveis com uma excelente experiência do usuário e janelas modais vêm com muitos efeitos e desenhos personalizados.

É possível construir modais CSS puros, mas estes geralmente não possuem je ne sais quoi que você encontrará em scripts com suporte a JS.

E um dos meus favoritos é o Tingle.js, uma janela modal JavaScript gratuita criada para sites minimalistas.

Esta biblioteca existe há algum tempo, mas ainda está tecnicamente em desenvolvimento v1.0 com melhorias freqüentes.

Mas é um script estável em execução na baunilha pura JS então você pode usar isso em qualquer lugar. Ele não requer nenhum conhecimento de ECMAScript nem precisa de nenhuma biblioteca de nível superior como o TypeScript.

Tudo no Tingle.js está bem documentado e vem com uma API clara para personalizar as animações, efeitos de botão e funções de callback..

Dê uma olhada no repositório do GitHub para mais informações com links para a API principal e funções de callback, que você encontrará em grande detalhe na página inicial do Tingle.js.

Se você se sentir à vontade para editar JavaScript, então você vai adorar este plugin. É super fácil de trabalhar e os códigos CSS são ainda mais fáceis de substituir com sua própria folha de estilo.

A documentação principal é claramente delineada com exemplos ao vivo que você pode copiar / colar no seu HTML.

Tingle.js é um script bastante simples. Você vai gostar do jeito que funciona, ou você não vai.

Com alguns minutos na página principal de demonstração, você deve saber se gosta disso ou não. Ele suporta quantos botões você precisar, juntamente com os campos de entrada do usuário, se quiser extrair informações do usuário.

Além disso, isso pode funcionar com enormes modais longos em termos de serviço, mensagens de alerta personalizadas e até conteúdo incorporado com imagens e vídeos.

Definitivamente, uma das janelas modais mais bem suportadas e o design clean é fácil de reestilizar para qualquer layout.