pop-image

Ele cria um suave box, para visualizar imagens de um modo mais, porreta e um pequeno botão para subir ao topo do site 🤘

Usage no npm install needed!

<script type="module">
  import popImage from 'https://cdn.skypack.dev/pop-image';
</script>

README

POP image

Direto ao ponto .

Você pode instala-lo assim.

 npm install pop-image --save

POP-image 🍺

Tenha fluidez ao abrir uma imagem, vejo por aí muitos sites, onde apertam na imagem e sim a imagem abre grande, mas abre uma nova aba e realmente acho um pé no saco, porque tenho sempre que for abrir apertar no botão de voltar do navegador e voltar a página onde eu estava, mas este box faz apenas com JS puro um box que abre a imagem suspensa na mesma página(light box), a estilização fica por sua conta, mas se for preguiçoso já temos códigos montados, é só integrar, se quiser ver e criar uma sua, faça você mesmo.

Veja o nosso manual 📒

Temos um respositório no NotABug.org onde falará sobre como integrar em sua aplicação, de uma forma que se der uma atualização não venha danificar sua aplicação.

Ele criará um botão de voltar ao topo 🔝

Usando este suporte onde se baseia em animação com JS tem suporte em todos os navegadores, e cria a animação de deslize até o topo.

Use o efeito scroll, sem carregar trilhões de códigos 🔥

O efeito é feito com usando JS, poupando o máximo de processamentos necessários do lado do cliente, então fizemos algo sem a utilização de biblioteca, mas de uma forma eficiente, veja como você mesmo pode criar um botão assim com a função scroll em seis linhas, usando esses códigos do artigo é que montamos uma estrutura leve e performática para facilitar a utilização.