Os 50 plugins jQuery mais úteis para desenvolvimento front-end

Existem muitos outros frameworks JavaScript disponíveis, mas o jQuery é claramente o mais popular (de acordo com o BuiltWith, ele é usado atualmente por mais de 78% dos principais milhões de sites).

O objetivo do jQuery é tornar muitas dessas funções JavaScript que normalmente precisam de muitas linhas de código mais fáceis de gerenciar e escrever, agrupando-as em métodos que podem ser chamados com apenas uma única linha de código.

É leve e, por ser extensível, existem plugins jQuery disponíveis gratuitamente para quase todas as funcionalidades que você possa imaginar.

Plugins jQuery para Layouts da Web e Mobile

pagePiling.js

pagePiling.js é um plugin jQuery para 'empilhar' suas seções de layout umas sobre as outras e acessá-las rolando.

fullPage.js

fullPage.js é um plugin simples para criar sites de rolagem em tela cheia.

gridscrolling.js

gridscrolling.js é um plugin para posicionar seções e apartes em uma grade e permitir uma navegação fácil com as teclas do cursor.

Flickerplate

O Flickerplate é um plug-in responsivo, habilitado para toque e leve que permite que você 'folheie' o conteúdo.

jInvertScroll

jInvertScroll é um plugin leve que permite que você se mova horizontalmente com um efeito de paralaxe enquanto rola para baixo.

Animição

Animsition é um plugin simples para adicionar transições de página com animações CSS.

Trabalho de tijolo

O Brick Work é um plugin leve (15kb) e rico em recursos para criar layouts dinâmicos responsivos.

ScrollMe

ScrollMe é um plugin leve que permite adicionar efeitos de rolagem simples a páginas da web.

smoothState.js

jquery.smoothState.js é um plugin que melhora progressivamente as páginas para se comportarem mais como um aplicativo de página única.

multiscroll.js

multiscroll.js é um plug-in simples para criar sites de rolagem múltipla com dois painéis de rolagem vertical.

matchHeight.js

matchHeight.js é um plugin de alturas iguais mais robusto para jQuery.

Plug-ins de navegação e menu jQuery

Barras deslizantes

Slidebars é um plugin leve (2kb) para criar um menu push no estilo de aplicativo.

scotchPanels.js

scotchPanels.js é um plugin de painel e menu off-canvas jQuery.

Plugins jQuery para mídia (imagens e vídeo)

Ponto de foco

Focuspoint é um plugin para cortar imagens dinamicamente para preencher o espaço disponível sem cortar o assunto da imagem.

Fluidbox

O Fluidbox é uma replicação do módulo lightbox Medium.com, com algumas melhorias adicionais.

GifPlayer

GifPlayer é um pequeno plugin que permite controlar quando reproduzir e parar GIFs animados.

rowGrid.js

rowGrid.js é um plugin para colocar imagens em uma grade com suporte para rolagem infinita.

SVGMagic

O SVGMagic é um plug-in de fallback SVG simples que encontra imagens SVG em seu site e cria versões PNG se o navegador não as suportar.

Vídeo jQuery

Vide é um plugin jQuery para adicionar facilmente fundos de vídeo às suas páginas da web.

Densi.js

Dense.js é um plugin para servir facilmente imagens prontas para retina.

Covervid

Covervid é um plugin simples que permitirá que você faça com que o vídeo HTML5 se comporte como uma imagem de fundo.

jQuery-Cropbox

jQuery-Cropbox é um plugin realmente útil para corte de imagem no local (zoom & pan, ao invés de selecionar e arrastar).

Detecção de rosto

Face Detection é um poderoso plugin jQuery/Zepto que detecta rostos em imagens, vídeos e telas.

BttrLazyLoading

BttrLazyLoading é um plug-in que permite que seu aplicativo da Web carregue apenas imagens na janela de visualização à medida que o usuário rola.

Plugins de slider, carrossel e galeria do jQuery

Controle deslizante jQuery simples

Simples jQuery Slider é um jQuery Slider leve que faz exatamente o que um slider deve fazer: 'slides slides'.

FSVS

FSVS é um controle deslizante vertical simples de tela cheia usando transições CSS3 com fallback jQuery.

anoFlow

anoFlow é um plugin de lightbox/galeria rico em recursos e responsivo.

nanoGALERIA

nanoGALLERY é um plugin de galeria de imagens responsivo, habilitado para toque e fácil de usar.

Justified.js

Justified.js é um plugin que cria uma grade de imagens justificada.

Embaralhar imagens

Shuffle Images é um plugin jQuery que permite exibir e embaralhar várias imagens dentro de uma galeria movendo ou sacudindo o cursor.

Skippr

Skippr é um plugin de apresentação de slides super simples e leve para jQuery.

Plugins de Efeito de Texto jQuery

fontFlex.js

fontFlex.js é um plugin leve para alterar dinamicamente tamanhos de fonte.

Máquina de escrever

t.js é um plugin jQuery leve para efeitos de texto semelhantes a máquinas de escrever.

Morphext

Morphext – Um plug-in de carrossel jQuery desenvolvido com Animate.css para frases de texto.

Splitchar

Splitchar é um plugin jQuery que permite estilizar e projetar a primeira, segunda ou ambas as metades de um caractere.

Plug-ins de elemento de formulário jQuery

BootstrapValidator

BootstrapValidator é um plugin jQuery para validar formulários Bootstrap.

Labelauty

Labelauty – Um plugin jQuery agradável e leve que dá beleza a caixas de seleção e botões de opção.

Guardião

Guardian é um plugin jQuery flexível e fácil de estender para validação de formulários para todos os fins.

fontIconPicker

fontIconPicker é um plugin leve que permite incluir um seletor de ícones simples (com pesquisa e paginação) em qualquer formulário.

Esconde-esconde

HideSeek é um plugin jQuery simples, mas personalizável para pesquisa ao vivo.

Seletor de Relógio

ClockPicker é um timepicker estilo relógio para jQuery ou Bootstrap.

Plugins do utilitário jQuery

jQuery Confirmar Mailto

jQuery Confirm Mailto é um plugin para confirmar com os usuários antes de abrir qualquer mailto: link através de seu cliente de e-mail padrão.

jNottery

jNottery é um plugin que permite adicionar notas a uma página.

Guias responsivas

Abas Responsivas é um plugin que oferece funcionalidade de abas responsivas.

adaptive-backgrounds.js

adaptive-backgrounds.js é um plugin legal que extrai a cor dominante das imagens em sua página da web e aplica a cor ao pai.

…e finalmente…

Planetário

Planetarium é um plugin jQuery que permite construir planetas interativos e construir o Universo!

arrastador de mesa

table-dragger permite que você adicione facilmente a classificação de arrastar e soltar à sua tabela sem jQuery.

Seletor

Selector é uma biblioteca micro JavaScript usada como substituto para jQuery, pesando quase 5 KB.

wanker.js

jquery.wanker.js é um plugin jQuery bem-humorado que revela um anúncio de serviço público quando as pessoas começam a redimensionar excessivamente seu navegador de desktop enquanto tentam ver seus pontos de interrupção responsivos. Como dizem 'A web foi feita para ser lida, não esmagada!'