Os 50 principais plug-ins e bibliotecas JavaScript gratuitos

Todos os plugins e bibliotecas JavaScript gratuitos nesta página oferecem uma função direta e específica. Não há estruturas multifuncionais inchadas. Apenas soluções úteis, leves e de resolução de problemas para ajudar a tornar o processo de web design e desenvolvimento muito mais fácil e rápido para você.

Como seria de esperar, existem plugins abaixo para criar sliders, galerias de imagens, menus responsivos, janelas modais e muitos outros componentes comuns. Mas você também encontrará plugins que oferecem funcionalidades verdadeiramente únicas, como notas de margem da barra lateral, visualizações de GIF, favicons animados e muito, muito mais.

Você também pode dar uma olhada em nossa coleção de plugins jQuery gratuitos ou em nossas coleções de JavaScript Cheatsheets.

Bloco de texto

Textblock – Uma ferramenta JavaScript para exibir tipografia continuamente responsiva.

Upppy

Uppy – Um carregador de arquivos elegante e modular que se integra a qualquer site ou aplicativo.

Tone.js

Tone.js – Um framework para criar música interativa no navegador.

Editor.js

Editor.js – Um aplicativo gratuito de edição de blocos de próxima geração.

lax.js

lax.js – Um pequeno plugin JavaScript de baunilha para criar animações de rolagem suave.

Digite

TypeIt – Uma biblioteca de digitação JavaScript que é considerada a “mais versátil do mundo”.

iro.js

iro.js – Um widget moderno de seletor de cores HSV para JavaScript que usa SVG.

Cleave.js

Cleave.js – Uma biblioteca para adicionar formatação em tempo real a entradas de formulário.

Freezeframe.js

Freezeframe.js – Uma biblioteca que pausa .gifs animados e permite que eles passem o mouse, cliquem ou toquem.

darkmode.js

darkmode.js – Adicione um modo escuro ao seu site com o mínimo de esforço.

Scene.js

Scene.js – Uma biblioteca de animação baseada em linha do tempo em CSS e JavaScript.

Bun.js

Bun.js – Gere caixas de seleção personalizadas e botões de opção com CSS.

Barras de rolagem de sobreposição

Overlay Scrollbars – Um plug-in JavaScript que oculta as barras de rolagem nativas e as substitui por versões com estilo personalizado.

MailtoUI

MailtoUI – Um script que adiciona um componente de interface do usuário útil a links de e-mail padrão.

Controle deslizante de tela inteira

FullScreen Slider – Controle as seções da página e habilite a navegação pela roda do mouse e eventos de toque.

mapa de página

pagemap – Adicione um pequeno “minimapa” ao seu site que fornecerá aos usuários um contexto de navegação.

Chart.xkcd

Chart.xkcd – Uma biblioteca para criar gráficos com aparência desenhada à mão.

GPickrGenericName

GPickr – Uma implementação da biblioteca do seletor de cores Pickr que gera belos gradientes.

Móvel

Móvel – Uma biblioteca JavaScript que permite mover, redimensionar, arrastar, girar e muito mais.

Cube.js

Cube.js – Uma solução de análise de código aberto completa: SDKs de front-end agnósticos de visualização e API apoiados por infraestrutura de servidor analítico.

simplesParalaxe

simpleParallax – Uma pequena biblioteca JavaScript que adiciona animação de paralaxe a qualquer imagem.

Bounds.js

Bounds.js – Um script para detecção de limite assíncrona que pode ser usado para efeitos como carregamento lento.

Cara assustador

Creepyface – Uma biblioteca JavaScript que faz seu rosto “olhar” para o cursor, com base na posição.

Legra JS

LegraJS – Uma biblioteca que permite desenhar com peças semelhantes a LEGO. O que você vai construir?

Paged.js

Paged.js – é uma biblioteca de código aberto para paginação de conteúdo no navegador. Baseado nas especificações do W3C, é uma espécie de polyfill para mídia paginada e conteúdo gerado para módulos CSS de mídia paginada.

Sobreposição de foco

Focus Overlay – Uma biblioteca para criar sobreposições em elementos focados. Belo design e melhor acessibilidade.

fluido

Flowy – Uma biblioteca JavaScript mínima que você pode usar para criar fluxogramas.

Coreógrafo-js

O Choreographer-js é uma biblioteca simples para cuidar de animações complicadas.

Leaflet.js

Leaflet.js é uma biblioteca JavaScript para mapas interativos.

Lory

Lory é um controle deslizante minimalista habilitado para toque escrito em JavaScript vanilla.

CurrencyFormatter.js

CurrencyFormatter.js é uma biblioteca de formatação de moeda super simples (155 moedas e 7 KB compactados).

Arco

ARc (Atomic React) é um clichê de aplicativo React com abordagem Atomic Design.

Shave.js

Shave.js é um plugin JavaScript moderno para truncar texto dentro de um elemento html.

Next.js

Next.js é uma estrutura minimalista para aplicativos React renderizados pelo servidor.

Planta

Blueprint é uma coleção de componentes React UI, cobrindo elementos comuns de interface, padrões e interações na web.

bagueteBox.js

baguetteBox.js é um script lightbox de imagem responsivo simples e fácil de usar com suporte a gestos de furto em dispositivos móveis. foi escrito em JavaScript puro.

ScrollReveal

O plug-in ScrollReveal torna super fácil criar animações de rolagem de páginas da web para navegadores de desktop e móveis.

Links Altos

O Loud Links é uma biblioteca JavaScript leve para adicionar sons de interação ao seu site. Ele faz isso criando um elemento de áudio HTML5 e usando-o para reproduzir arquivos de áudio MP3 ou OGG.

Bricks.js

Bricks.js é um gerador de layout de alvenaria 'muito rápido' para elementos de largura fixa.

Editor de mídia

Escrito usando JavaScript vanilla, o MediumEditor é um clone leve (28kb) da barra de ferramentas do editor inline WYSIWYG do Medium.com. Há também uma seleção de extensões e temas do Mediumditor disponíveis.

Substância

Substance é uma biblioteca JavaScript para edição de conteúdo baseada na web. Ele oferece todas as ferramentas necessárias para criar editores de texto personalizados e sistemas de publicação baseados na web.

List.js

List.js é um script JavaScript leve e rápido que adiciona pesquisa, classificação, filtros e flexibilidade a listas, tabelas ou qualquer coisa HTML.

Popper.js

Popper.js é uma biblioteca leve (4kb minified) para gerenciar poppers, dicas de ferramentas e popovers. Você pode posicionar dicas de ferramentas de maneira rápida e fácil com apenas um código de linha.

InlineTweet.js

O InlineTweet.js permite que você crie facilmente links tweetáveis ​​a partir de qualquer texto em uma página da web. Tudo o que você precisa fazer é envolver o texto tweetável em um contêiner com data-inline-tweet .

SweetAlert2

SweetAlert2 é um substituto bonito e personalizável para as caixas pop-up do JavaScript.

Force.js

Force.js é uma biblioteca JavaScript que simplifica a animação de elementos HTML e a navegação em uma página da web.

Push.js

Push.js é uma solução entre navegadores para começar a usar notificações de desktop Javascript.

Bideo.js

Bideo.js é uma biblioteca JavaScript que torna muito fácil adicionar vídeos de fundo em tela cheia a páginas da web.

Microlight.js

Microlight.js é uma biblioteca leve de destaque de código, para qualquer linguagem de programação, que melhora muito a legibilidade.

Lugares Algolia

O Algolia Places é uma maneira fácil de usar uma biblioteca JavaScript de preenchimento automático de pesquisa de endereços em seu site.

flatpickr

Escrito em JavaScript vanilla, flatpickr é uma solução leve de datetimepicker e calendário.

anime.js

anime.js é uma biblioteca de animação JavaScript leve e flexível. Funciona com CSS, Transformações Individuais, SVG, atributos DOM e objetos JS.

Cleave.js

Cleave.js é um plugin que formata seu conteúdo <input/> enquanto você digita.

Lightgallery.js

Lightgallery.js é uma galeria de lightbox JavaScript com todos os recursos, sem dependências.