Cele mai utile 50 de plugin-uri jQuery pentru dezvoltarea front-end

Publicat: 2021-06-15

Există multe alte cadre JavaScript disponibile, dar jQuery este în mod clar cel mai popular (conform BuiltWith, este utilizat în prezent de peste 78% din primele milioane de site-uri).

Scopul jQuery este de a face multe dintre acele funcții JavaScript care au nevoie de obicei de multe linii de cod mai ușor de gestionat și scris, prin gruparea lor în metode care pot fi apelate doar cu o singură linie de cod.

Este ușor și, deoarece este extensibil, există pluginuri jQuery disponibile gratuit pentru aproape fiecare funcționalitate la care vă puteți gândi.

Cuprins:

  • Plugin-uri pentru layout-uri web și mobile
  • Meniu și pluginuri de navigare
  • Pluginuri pentru Media
  • Pluginuri Slider, Carusel și Galerie
  • Pluginuri cu efect de text
  • Pluginuri de formulare
  • Pluginuri utilitare

Mai multe pluginuri jQuery:

  • Aspect dinamic Plugin-uri jQuery
  • Pluginuri jQuery de validare a formularelor
  • Pluginuri jQuery Galerie și Lightbox
  • Pluginuri jQuery de navigare receptivă
  • Pluginuri jQuery Slider și Carusel
  • Efecte de tipografie Plugin-uri jQuery

Plugin-uri jQuery pentru layout-uri web și mobile

pagePiling.js

pagePiling.js este un plugin jQuery pentru „îngrămădirea” secțiunilor de aspect una peste alta și accesarea lor prin defilare.

Plugin jQuery pagePiling.js pentru „îngrămădirea” secțiunilor una peste alta și accesarea lor prin defilare

fullPage.js

fullPage.js este un plugin simplu pentru crearea de site-uri web cu defilare pe ecran complet.

pluginul jQuery pentru site-uri web fullPage.js cu derulare pe ecran complet

gridscrolling.js

gridscrolling.js este un plugin pentru poziționarea secțiunilor și a părților laterale într-o grilă și care permite navigarea ușoară a tastelor cursorului.

Gridscrolling.js Plugin jQuery Un aspect pentru poziționarea secțiunilor și a părților laterale într-o grilă și care permite navigarea ușoară a tastelor cursorului

Flickerplate

Flickerplate este un plugin responsiv, compatibil cu atingere și ușor, care vă permite să „focuți” conținutul.

Flickerplate responsive la atingere, conținut ușor de flick

jInvertScroll

jInvertScroll este un plugin ușor care vă permite să vă deplasați orizontal cu un efect de paralaxă în timp ce derulați în jos.

jInvertScroll plugin ușor efect de paralaxă orizontală

Animație

Animsition este un plugin simplu pentru adăugarea de tranziții de pagină cu animații CSS.

Animsition - Un plugin jQuery simplu pentru adăugarea de tranziții de pagină cu animații CSS

Lucrări de cărămidă

Brick Work este un plugin ușor (15 kb) și bogat în funcții pentru crearea de layout-uri dinamice receptive.

Brick Work este un plugin jQuery ușor (15 kb) și bogat în funcții pentru crearea de layout-uri dinamice receptive

ScrollMe

ScrollMe este un plugin ușor care vă permite să adăugați efecte simple de defilare paginilor web.

ScrollMe este un plugin jQuery ușor care vă va permite să adăugați efecte simple de defilare în paginile web

smoothState.js

jquery.smoothState.js este un plugin care îmbunătățește progresiv paginile pentru a se comporta mai mult ca o aplicație cu o singură pagină.

jquery.smoothState.js - Un plugin jQuery care îmbunătățește progresiv paginile pentru a se comporta mai mult ca o aplicație cu o singură pagină

multiscroll.js

multiscroll.js este un plugin simplu pentru crearea de site-uri web cu derulare multiplă cu două panouri de defilare verticală.

multiscroll.js este un plugin jQuery simplu pentru crearea de site-uri web cu derulare multiplă în această săptămână.

matchHeight.js

matchHeight.js este un plugin pentru înălțimi egale mai robust pentru jQuery.

jquery.matchHeight.js este un plugin mai robust pentru înălțimi egale pentru jQuery front-end

Pluginuri de navigare și meniu jQuery

Slidebars

Slidebars este un plugin ușor (2kb) pentru crearea unui meniu push în stil aplicație.

Bare de diapozitiv plugin-uri jquery în stil aplicație în stilul aplicației

scotchPanels.js

scotchPanels.js este un meniu jQuery off-canvas și un plugin de panou.

scotchPanels.js un meniu jQuery off canvas și un plugin pentru panou

Pluginuri jQuery pentru media (imagini și video)

Punct de concentrare

Focuspoint este un plugin pentru decuparea dinamică a imaginilor pentru a umple spațiul disponibil fără a decupa subiectul imaginii.

Plugin Focuspoint jQuery pentru decupare receptivă

Fluidbox

Fluidbox este o replicare a modulului Lightbox Medium.com, cu unele îmbunătățiri adăugate.

Interfață Fluidbox Modul lightbox mediu Pluginuri jquery

GifPlayer

GifPlayer este un mic plugin care vă permite să controlați când să redați și să opriți GIF-urile animate.

Pluginul GifPlayer controlează redarea și oprește jquery gif-uri animate

rowGrid.js

rowGrid.js este un plugin pentru plasarea imaginilor pe o grilă cu suport pentru derulare infinită.

rowGrid.js grilă de imagini derulare infinită pluginuri jquery de front-end

SVGMagic

SVGMagic este un plugin simplu de rezervă SVG care găsește imagini SVG pe site-ul dvs. și creează versiuni PNG dacă browserul nu le acceptă.

SVGMagic plugin jquery de rezervă SVG simplu

Vizualizați jQuery

Vide este un plugin jQuery pentru a adăuga cu ușurință fundaluri video pe paginile dvs. web.
Vide - simplu ca naiba plugin jQuery pentru fundaluri video

Dens.js

Dense.js este un plugin pentru difuzarea cu ușurință a imaginilor pregătite pentru retină.

Dense.js - Un plugin jQuery pentru difuzarea cu ușurință a imaginilor pregătite pentru retina

Covervid

Covervid este un plugin simplu care vă va permite să faceți video HTML5 să se comporte ca o imagine de fundal.

Covervid este un plugin jQuery simplu care vă va permite să faceți videoclipul dvs. HTML5 să se comporte ca o imagine de fundal

jQuery-Cropbox

jQuery-Cropbox este un plugin cu adevărat util pentru decuparea imaginilor în loc (zoom & pan, spre deosebire de selectare și trage).

jQuery-Cropbox decuparea imaginii pluginuri jquery de front-end

Detectare facială

Face Detection este un plugin jQuery/Zepto puternic care detectează fețe pe imagini, videoclipuri și pânze.
Face Detection - Un plugin jQuery/Zepto puternic care detectează fețe pe imagini, videoclipuri și pânze

BttrLazyLoading

BttrLazyLoading este un plugin care permite aplicației dvs. web să încarce numai imagini în fereastra de vizualizare pe măsură ce utilizatorul derulează.

BttrLazyLoading încărcarea imaginilor viewport defilare plugin

Pluginuri jQuery Slider, Carusel și Galerie

Slider jQuery simplu

Simplu jQuery Slider este un jQuery Slider ușor, care face exact ceea ce ar trebui să facă un slider: „diapozitive diapozitive”.

Slider jQuery extrem de simplu și ușor

FSVS

FSVS este un glisor vertical simplu pe ecran complet care utilizează tranziții CSS3 cu jQuery de rezervă.
Glisor vertical simplu FSVS pe ecran complet folosind tranziții CSS3 cu jQuery de rezervă

anoFlow

anoFlow este un plugin pentru lightbox/galerie, bogat în funcții și receptiv.

Pluginul pentru galeria lightbox receptiv, bogat în funcții anoFlow

nanoGALERIE

nanoGALLERY este un plugin de galerie de imagini receptiv, activat la atingere și ușor de utilizat.

Pluginul jquery pentru galerie de imagini responsive nanoGALLERY, activat la atingere, ușor de utilizat

Justified.js

Justified.js este un plugin care creează o grilă de imagini justificate.

Justified.js - Un plugin jQuery care creează o grilă de imagini justificată

Amestecă imagini

Shuffle Images este un plugin jQuery care vă permite să afișați și să amestecați mai multe imagini într-o galerie prin mișcarea sau scuturarea cursorului.

Pluginul Shuffle Images care vă permite să afișați și să amestecați mai multe imagini într-o galerie

Skippr

Skippr este un plugin de prezentare de diapozitive super simplu și ușor pentru jQuery.

Skippr este un plugin de prezentare de diapozitive super simplu și ușor pentru jQuery

Pluginuri cu efect de text jQuery

fontFlex.js

fontFlex.js este un plugin ușor pentru schimbarea dinamică a dimensiunilor fonturilor.

jQuery.fontFlex.js extensie jQuery ușoară pentru modificarea dinamică a dimensiunilor fonturilor

Maşină de scris

t.js este un plugin jQuery ușor pentru efecte de text asemănătoare mașinii de scris.

Plugin jQuery ușor t.js pentru efecte de text asemănătoare mașinii de scris

Morphext

Morphext – Un plugin pentru carusel jQuery bazat pe Animate.css pentru fraze text.

Powered by Animate.css Morphext este un plugin simplu jQuery carusel pentru fraze text

Splitchar

Splitchar este un plugin jQuery care vă permite să stilați și să proiectați prima, a doua sau ambele jumătăți ale unui caracter.

Splitchar este un plugin jQuery care vă permite să stilați și să proiectați prima, a doua sau ambele jumătăți ale unui personaj în această săptămână.

Pluginuri pentru elemente de formular jQuery

BootstrapValidator

BootstrapValidator este un plugin jQuery pentru validarea formularelor Bootstrap.

BootstrapValidator - Un plugin jQuery pentru validarea formularelor Bootstrap

Labelauty

Labelauty – Un plugin jQuery frumos și ușor, care oferă frumusețe casetelor de selectare și butoanelor radio.
Labelauty - Un plugin jQuery frumos și ușor, care oferă frumusețe casetelor de selectare și butoanelor radio

paznic

Guardian este un plugin jQuery de validare a formularelor, flexibil și ușor de extins.
Pluginul jQuery pentru validarea formularelor universale, flexibil și ușor de extins

fontIconPicker

fontIconPicker este un plugin ușor care vă permite să includeți un simplu selector de pictograme (cu căutare și paginare) în orice formă.

fontIconPicker plugin ușor selector de pictograme simplu

HideSeek

HideSeek este un plugin jQuery simplu, dar personalizabil pentru căutare live.

Plugin jQuery personalizabil HideSeek pentru căutare live

ClockPicker

ClockPicker este un timepicker în stil ceas pentru jQuery sau Bootstrap.

ClockPicker este un timepicker în stil ceas pentru Bootstrap sau jQuery

Pluginuri utilitare jQuery

jQuery Confirm Mailto

jQuery Confirm Mailto este un plugin pentru a confirma cu utilizatorii înainte de a deschide orice link mailto: prin clientul lor implicit de e-mail.

jQuery Confirmare Mailto plugin jQuery pentru a confirma înainte de a deschide link-urile mailto

jNottery

jNottery este un plugin care vă permite să adăugați note la o pagină.

jNottery Plugin jQuery care vă permite să adăugați note la o pagină web

File receptive

Responsive Tabs este un plugin care oferă funcționalitate de filă receptivă.

File responsive Un plugin jQuery care oferă funcționalitate de filă receptivă

adaptive-backgrounds.js

adaptive-backgrounds.js este un plugin cool care extrage culoarea dominantă din imaginile de pe pagina ta web și aplică culoarea părintelui lor.

extrage culoarea dominantă din imaginile de pe pagina dvs. web și aplică magic culoarea pluginurilor lor jquery părinte

…și, în sfârșit…

Planetariu

Planetarium este un plugin jQuery care vă permite să construiți planete interactive și să construiți Universul!

jQuery.planetarium Construiește planete interactive și construiește Universul

târător de masă

table-dragger vă permite să adăugați cu ușurință sortarea prin glisare și plasare la tabel fără jQuery.

târător de masă

Selector

Selector este o bibliotecă micro JavaScript folosită ca înlocuitor pentru jQuery, cântărind aproape 5 KB.

Selector

wanker.js

jquery.wanker.js este un plugin jQuery plin de umor care dezvăluie un anunț de serviciu public atunci când oamenii încep să redimensioneze excesiv browser-ul desktop în timp ce încearcă să vadă punctele de întrerupere receptive. După cum se spune, „Web-ul este menit să fie citit, nu strivit!”

Pluginuri jquery jquery.wanker.js frontend