50 Plugin jQuery Paling Berguna untuk Pengembangan Frontend

Diterbitkan: 2021-06-15

Ada banyak kerangka kerja JavaScript lain yang tersedia, tetapi jQuery jelas yang paling populer (menurut BuiltWith, saat ini digunakan oleh lebih dari 78% dari jutaan situs teratas).

Tujuan jQuery adalah untuk membuat banyak fungsi JavaScript yang biasanya membutuhkan banyak baris kode lebih mudah untuk dikelola dan ditulis dengan menggabungkannya ke dalam metode yang dapat dipanggil hanya dengan satu baris kode.

Ini ringan, dan karena dapat diperpanjang, ada plugin jQuery yang tersedia secara bebas untuk hampir setiap fungsi yang dapat Anda pikirkan.

Daftar isi:

  • Plugin Tata Letak Web & Seluler
  • Menu & Plugin Navigasi
  • Plugin untuk Media
  • Plugin Slider, Korsel & Galeri
  • Plugin Efek Teks
  • Plugin Formulir
  • Plugin Utilitas

Plugin jQuery lainnya:

  • Plugin jQuery Tata Letak Dinamis
  • Plugin jQuery Validasi Formulir
  • Plugin jQuery Galeri & Lightbox
  • Plugin jQuery Navigasi Responsif
  • Plugin jQuery Slider & Korsel
  • Plugin jQuery Efek Typogrpahy

Plugin jQuery untuk Tata Letak Web & Seluler

halamanPiling.js

pagePiling.js adalah plugin jQuery untuk 'menumpuk' bagian tata letak Anda satu sama lain dan mengaksesnya dengan menggulir.

pagePiling.js plugin jQuery untuk 'menumpuk' bagian Anda satu sama lain dan mengaksesnya dengan menggulir

halaman penuh.js

fullPage.js adalah plugin sederhana untuk membuat situs web bergulir layar penuh.

fullPage.js situs web gulir layar penuh plugin jQuery

gridscrolling.js

gridscrolling.js adalah plugin untuk memposisikan bagian dan samping dalam kotak & memungkinkan navigasi tombol kursor yang mudah.

gridscrolling.js plugin jQuery Tata letak untuk memposisikan bagian dan samping dalam kotak & memungkinkan navigasi tombol kursor yang mudah

pelat kedip

Flickerplate adalah plugin yang responsif, mendukung sentuhan, dan ringan yang memungkinkan Anda untuk 'menjentikkan' konten.

Konten film ringan berkemampuan sentuh Flickerplate responsif

jInvertScroll

jInvertScroll adalah plugin ringan yang memungkinkan Anda untuk bergerak secara horizontal dengan efek paralaks saat menggulir ke bawah.

jInvertScroll plugin ringan efek paralaks horizontal

animasi

Animsition adalah plugin sederhana untuk menambahkan transisi halaman dengan animasi CSS.

Animsition - Plugin jQuery sederhana untuk menambahkan transisi halaman dengan animasi CSS

Pekerjaan Bata

Brick Work adalah plugin yang ringan (15kb) dan kaya fitur untuk membuat tata letak dinamis yang responsif.

Brick Work adalah plugin jQuery yang ringan (15kb) dan kaya fitur untuk membuat tata letak dinamis yang responsif

Gulir Saya

ScrollMe adalah plugin ringan yang memungkinkan Anda menambahkan efek gulir sederhana ke halaman web.

ScrollMe adalah plugin jQuery ringan yang memungkinkan Anda menambahkan efek pengguliran sederhana ke halaman web

smoothState.js

jquery.smoothState.js adalah plugin yang secara progresif meningkatkan halaman agar berperilaku lebih seperti aplikasi satu halaman.

jquery.smoothState.js - Sebuah plugin jQuery yang semakin meningkatkan halaman untuk berperilaku lebih seperti aplikasi satu halaman

multiscroll.js

multiscroll.js adalah plugin sederhana untuk membuat situs web multi-scroll dengan dua panel scroll vertikal.

multiscroll.js adalah plugin jQuery sederhana untuk membuat situs web multi-scroll dalam berita desainer minggu ini

matchHeight.js

matchHeight.js adalah plugin equal heights yang lebih kuat untuk jQuery.

jquery.matchHeight.js adalah plugin dengan ketinggian sama yang lebih kuat untuk front-end jQuery

Navigasi jQuery & Plugin Menu

Slidebar

Slidebars adalah plugin ringan (2kb) untuk membuat menu push gaya aplikasi.

Plugin jquery menu push gaya aplikasi Slidebars

scotchPanels.js

scotchPanels.js adalah menu di luar kanvas dan plugin panel jQuery.

scotchPanels.js jQuery dari menu kanvas dan plugin panel

Plugin jQuery untuk Media (Gambar & Video)

Titik fokus

Focuspoint adalah plugin untuk memotong gambar secara dinamis untuk mengisi ruang yang tersedia tanpa memotong subjek gambar.

Plugin jQuery Focuspoint untuk pemotongan responsif

kotak cairan

Fluidbox adalah replikasi dari modul lightbox Medium.com, dengan beberapa peningkatan tambahan.

Plugin jquery modul lightbox medium fluidbox frontend

GifPlayer

GifPlayer adalah plugin kecil yang memungkinkan Anda mengontrol kapan harus memutar dan menghentikan GIF animasi.

Plugin GifPlayer mengontrol pemutaran dan menghentikan animasi gif jquery

barisGrid.js

rowGrid.js adalah plugin untuk menempatkan gambar pada kotak dengan dukungan untuk pengguliran tak terbatas.

rowGrid.js gambar grid infinte scrolling frontend jquery plugins

SVGMagic

SVGMagic adalah plugin fallback SVG sederhana yang menemukan gambar SVG di situs Anda dan membuat versi PNG jika browser tidak mendukungnya.

SVGMagic plugin jquery fallback SVG sederhana

Video jQuery

Vide adalah plugin jQuery untuk menambahkan latar belakang video dengan mudah ke halaman web Anda.
Vide - plugin jQuery yang sangat mudah untuk latar belakang video

padat.js

Dense.js adalah plugin untuk menyajikan gambar siap retina dengan mudah.

Dense.js - Plugin jQuery untuk menyajikan gambar siap retina dengan mudah

Covervid

Covervid adalah plugin sederhana yang memungkinkan Anda membuat video HTML5 berperilaku seperti gambar latar belakang.

Covervid adalah plugin jQuery sederhana yang memungkinkan Anda membuat video HTML5 Anda berperilaku seperti gambar latar belakang

jQuery-Cropbox

jQuery-Cropbox adalah plugin yang sangat berguna untuk pemotongan gambar di tempat (zoom & pan, bukan memilih dan menyeret).

plugin jquery frontend pemangkasan gambar jQuery-Cropbox

Deteksi wajah

Deteksi Wajah adalah plugin jQuery / Zepto yang kuat yang mendeteksi wajah pada gambar, video, dan kanvas.
Deteksi Wajah - Plugin jQuery / Zepto yang kuat yang mendeteksi wajah pada gambar, video, dan kanvas

BttrLazyLoading

BttrLazyLoading adalah plugin yang memungkinkan aplikasi web Anda hanya memuat gambar di dalam viewport saat pengguna menggulir.

BttrLazyLoading memuat gambar viewport scrolls plugin

Plugin jQuery Slider, Korsel & Galeri

Slider jQuery sederhana

Simple jQuery Slider adalah jQuery Slider ringan yang melakukan persis seperti yang seharusnya dilakukan slider: 'slides slides'.

jQuery Slider yang sangat sederhana dan ringan

FSVS

FSVS adalah slider vertikal layar penuh sederhana menggunakan transisi CSS3 dengan jQuery fallback.
FSVS slider vertikal layar penuh sederhana menggunakan transisi CSS3 dengan jQuery fallback

anoFlow

anoFlow adalah plugin lightbox/galeri yang kaya fitur dan responsif.

plugin galeri lightbox responsif kaya fitur anoFlow

nanoGALLERY

nanoGALLERY adalah plugin galeri gambar yang responsif, mendukung sentuhan, dan mudah digunakan.

nanoGALLERY responsif sentuhan-enabled mudah digunakan plugin galeri gambar jquery

Justified.js

Justified.js adalah plugin yang membuat kisi gambar yang dibenarkan.

Justified.js - Plugin jQuery yang membuat kisi gambar yang dibenarkan

Acak Gambar

Shuffle Images adalah plugin jQuery yang memungkinkan Anda untuk menampilkan dan mengacak beberapa gambar dalam galeri dengan menggerakkan atau menggoyangkan kursor.

Plugin Shuffle Images yang memungkinkan Anda menampilkan dan mengacak banyak gambar di dalam galeri

Skippr

Skippr adalah plugin slideshow super sederhana dan ringan untuk jQuery.

Skippr adalah plugin slideshow super sederhana dan ringan untuk jQuery

Plugin Efek Teks jQuery

fontFlex.js

fontFlex.js adalah plugin ringan untuk mengubah ukuran font secara dinamis.

jQuery.fontFlex.js ekstensi jQuery ringan untuk mengubah ukuran font secara dinamis

Mesin tik

t.js adalah plugin jQuery ringan untuk efek teks seperti mesin tik.

t.js plugin jQuery ringan untuk efek teks seperti mesin tik

Morphext

Morphext – Plugin carousel jQuery bertenaga Animate.css untuk frasa teks.

Didukung oleh Animate.css Morphext adalah plugin carousel jQuery sederhana untuk frasa teks

Splitchar

Splitchar adalah plugin jQuery yang memungkinkan Anda untuk mendesain dan mendesain bagian pertama, kedua, atau kedua karakter.

Splitchar adalah plugin jQuery yang memungkinkan Anda untuk mendesain dan mendesain bagian pertama, kedua, atau kedua karakter dalam berita desainer minggu ini

Plugin Elemen Formulir jQuery

BootstrapValidator

BootstrapValidator adalah plugin jQuery untuk memvalidasi formulir Bootstrap.

BootstrapValidator - Plugin jQuery untuk memvalidasi formulir Bootstrap

Labelauty

Labelauty – Plugin jQuery yang bagus dan ringan yang memberikan keindahan pada kotak centang dan tombol radio.
Labelauty - Plugin jQuery yang bagus dan ringan yang memberikan keindahan pada kotak centang dan tombol radio

Wali

Guardian adalah plugin jQuery validasi formulir yang fleksibel dan mudah diperluas.
Guardian fleksibel dan mudah untuk memperluas plugin jQuery validasi formulir serbaguna

fontIkonPicker

fontIconPicker adalah plugin ringan yang memungkinkan Anda menyertakan pemilih ikon sederhana (dengan pencarian dan pagination) dalam bentuk apa pun.

fontIconPicker plugin ringan pemetik ikon sederhana

Petak umpet

HideSeek adalah plugin jQuery yang sederhana namun dapat disesuaikan untuk pencarian langsung.

HideSeek plugin jQuery yang dapat disesuaikan untuk pencarian langsung

Pemetik Jam

ClockPicker adalah timepicker gaya jam untuk jQuery atau Bootstrap.

ClockPicker adalah timepicker gaya jam untuk Bootstrap atau jQuery

Plugin Utilitas jQuery

jQuery Konfirmasikan Mailto

jQuery Confirm Mailto adalah plugin untuk Konfirmasi dengan pengguna sebelum membuka tautan mailto: melalui klien email default mereka.

jQuery Konfirmasikan Mailto Plugin jQuery untuk mengonfirmasi sebelum membuka tautan mailto

jNottery

jNottery adalah plugin yang memungkinkan Anda menambahkan catatan ke halaman.

Plugin jNottery jQuery yang memungkinkan Anda menambahkan catatan ke halaman web

Tab Responsif

Tab Responsif adalah plugin yang menawarkan fungsionalitas tab responsif.

Tab Responsif Plugin jQuery yang menawarkan fungsionalitas tab responsif

adaptif-backgrounds.js

adaptif-backgrounds.js adalah plugin keren yang mengekstrak warna dominan dari gambar di halaman web Anda dan menerapkan warna ke induknya.

mengekstrak warna dominan dari gambar di halaman web Anda dan secara ajaib menerapkan warna ke plugin jquery induknya

…dan akhirnya…

Planetarium

Planetarium adalah plugin jQuery yang memungkinkan Anda membangun planet interaktif dan membangun Semesta!

jQuery.planetarium Bangun planet interaktif dan bangun Semesta

penarik meja

table-dragger memungkinkan Anda untuk dengan mudah menambahkan pengurutan drag-and-drop ke tabel Anda tanpa jQuery.

penarik meja

pemilih

Selector adalah perpustakaan JavaScript mikro yang digunakan sebagai pengganti jQuery, dengan berat hampir 5KB.

pemilih

wanker.js

jquery.wanker.js adalah plugin jQuery lucu yang mengungkapkan pengumuman layanan masyarakat ketika orang-orang mulai mengubah ukuran browser desktop mereka secara berlebihan saat mereka mencoba melihat breakpoint responsif Anda. Seperti yang mereka katakan 'Web dimaksudkan untuk dibaca, bukan diperas!'

plugin jquery frontend jquery.wanker.js