50 Plugin & Pustaka JavaScript Gratis Teratas

Plugin dan pustaka JavaScript gratis di halaman ini semuanya menawarkan fungsi yang langsung dan spesifik. Tidak ada kerangka kerja all-in-one yang membengkak. Hanya solusi yang berguna, ringan, dan pemecahan masalah untuk membantu membuat desain web dan proses pengembangan lebih mudah dan lebih cepat untuk Anda.

Seperti yang Anda harapkan, ada plugin di bawah ini untuk membuat slider, galeri gambar, menu responsif, modal windows, dan banyak komponen umum lainnya. Tetapi Anda juga akan menemukan plugin yang menawarkan fungsionalitas yang benar-benar unik, seperti catatan margin bilah sisi, pratinjau GIF, favicon animasi, dan banyak lagi.

Anda mungkin juga ingin melihat koleksi plugin jQuery gratis kami, atau koleksi Cheatsheet JavaScript kami.

blok teks

Textblock – Alat JavaScript untuk menampilkan tipografi yang terus-menerus responsif.

senang

Uppy – Pengunggah file modular yang ramping yang terintegrasi dengan situs web atau aplikasi apa pun.

nada.js

Tone.js – Kerangka kerja untuk membuat musik interaktif di browser.

Editor.js

Editor.js – Aplikasi editor blok generasi berikutnya yang gratis.

lax.js

lax.js – Plugin JavaScript vanilla kecil untuk membuat animasi gulir yang mulus.

Ketik ini

TypeIt – Pustaka pengetikan JavaScript yang disebut sebagai "paling serbaguna di dunia".

iro.js

iro.js – Widget pemilih warna HSV modern untuk JavaScript yang menggunakan SVG.

Cleave.js

Cleave.js – Pustaka untuk menambahkan pemformatan waktu nyata ke input formulir.

Freezeframe.js

Freezeframe.js – Pustaka yang menjeda .gif animasi dan mengaktifkannya saat mengarahkan kursor, klik, atau sentuh.

darkmode.js

darkmode.js – Tambahkan mode gelap ke situs web Anda dengan sedikit usaha.

Scene.js

Scene.js – Pustaka animasi berbasis waktu CSS dan JavaScript.

Bun.js

Bun.js – Buat kotak centang dan tombol radio khusus dengan CSS.

Bilah Gulir Hamparan

Overlay Scrollbars – Sebuah plugin JavaScript yang menyembunyikan scroll bar asli dan menggantinya dengan versi custom-style.

MailtoUI

MailtoUI – Skrip yang menambahkan komponen UI yang berguna ke tautan email standar.

Penggeser Layar Penuh

FullScreen Slider – Mengontrol bagian halaman dan mengaktifkan navigasi melalui roda mouse dan acara sentuh.

peta halaman

pagemap – Tambahkan “peta mini” kecil ke situs web Anda yang akan memberi pengguna konteks navigasi.

Bagan.xkcd

Chart.xkcd – Pustaka untuk membuat bagan dengan tampilan gambar tangan.

GPickr

GPikr – Implementasi perpustakaan pemilih warna Pickr yang menghasilkan gradien yang indah.

dapat dipindahkan

Dapat dipindahkan – Pustaka JavaScript yang memungkinkan Anda memindahkan, mengubah ukuran, menyeret, memutar, dan lainnya.

kubus.js

Cube.js – Solusi analitik sumber terbuka lengkap: SDK frontend agnostik visualisasi dan API yang didukung oleh infrastruktur server analitik.

sederhanaParalaks

simpleParallax – Pustaka JavaScript kecil yang menambahkan animasi paralaks ke gambar apa pun.

Bounds.js

Bounds.js – Skrip untuk deteksi batas asinkron yang dapat digunakan untuk efek seperti pemuatan lambat.

wajah menyeramkan

Creepyface – Pustaka JavaScript yang membuat wajah Anda “melihat” kursor, berdasarkan posisi.

LegraJS

LegraJS – Pustaka yang memungkinkan Anda menggambar dengan batu bata mirip LEGO. Apa yang akan Anda bangun?

halaman.js

Paged.js – adalah perpustakaan sumber terbuka untuk membuat paginasi konten di browser. Berdasarkan spesifikasi W3C, ini adalah semacam polyfill untuk Paged Media dan Generated Content untuk modul CSS Paged Media.

Hamparan Fokus

Focus Overlay – Pustaka untuk membuat overlay pada elemen yang difokuskan. Desain yang indah dan aksesibilitas yang lebih baik.

mengalir

Flowy – Pustaka JavaScript minimal yang dapat Anda gunakan untuk membuat diagram alur.

Koreografer-js

Choreographer-js adalah library sederhana untuk menangani animasi yang rumit.

Selebaran.js

Leaflet.js adalah pustaka JavaScript untuk peta interaktif.

Lory

Lory adalah slider minimalis yang diaktifkan dengan sentuhan yang ditulis dalam vanilla JavaScript.

CurrencyFormatter.js

CurrencyFormatter.js adalah perpustakaan pemformatan mata uang super sederhana (155 mata uang & 7KB gzip).

Busur

ARc (Atomic React) adalah boilerplate aplikasi React dengan pendekatan Atomic Design.

mencukur.js

Shave.js adalah plugin JavaScript modern untuk memotong teks dalam elemen html.

Selanjutnya.js

Next.js adalah kerangka kerja minimalis untuk aplikasi React yang dirender oleh server.

cetak biru

Blueprint adalah kumpulan komponen React UI, yang mencakup elemen antarmuka umum, pola, dan interaksi di web.

baguetteBox.js

baguetteBox.js adalah skrip lightbox gambar responsif yang sederhana dan mudah digunakan dengan dukungan gerakan gesek pada perangkat seluler. itu telah ditulis dalam JavaScript murni.

GulirMengungkapkan

Plugin ScrollReveal membuatnya sangat mudah untuk membuat animasi gulir halaman web untuk browser desktop dan seluler.

Tautan Keras

Loud Links adalah pustaka JavaScript ringan untuk menambahkan suara interaksi ke situs web Anda. Ini dilakukan dengan membuat elemen audio HTML5 dan menggunakannya untuk memutar file audio MP3 atau OGG.

batu bata.js

Bricks.js adalah generator tata letak pasangan bata yang 'sangat cepat' untuk elemen dengan lebar tetap.

Editor Menengah

Ditulis menggunakan vanilla JavaScript, MediumEditor adalah klon toolbar editor inline WYSIWYG Medium.com ringan (28kb). Ada juga pilihan ekstensi dan tema Mediumditor yang tersedia.

Zat

Substance adalah library JavaScript untuk pengeditan konten berbasis web. Ini memberi Anda semua alat yang Anda butuhkan untuk membuat editor teks khusus dan sistem penerbitan berbasis web.

Daftar.js

List.js adalah skrip JavaScript vanilla yang ringan dan cepat yang menambahkan pencarian, pengurutan, filter, dan fleksibilitas ke daftar, tabel, atau HTML apa pun.

Popper.js

Popper.js adalah pustaka ringan (4kb yang diperkecil) untuk mengelola popper, tooltips, dan popover. Anda dapat dengan cepat dan mudah memposisikan tooltips hanya dengan satu kode baris.

InlineTweet.js

InlineTweet.js memungkinkan Anda dengan mudah membuat tautan yang dapat di-tweet dari teks apa pun di halaman web. Yang harus Anda lakukan adalah membungkus teks yang dapat di-tweet dalam wadah dengan data-inline-tweet .

SweetAlert2

SweetAlert2 adalah pengganti yang indah dan dapat disesuaikan untuk kotak popup JavaScript.

Force.js

Force.js adalah pustaka JavaScript yang memudahkan untuk menganimasikan elemen HTML dan bernavigasi di sekitar halaman web.

Push.js

Push.js adalah solusi lintas-browser untuk memulai dan menjalankan notifikasi desktop Javascript.

Bideo.js

Bideo.js adalah pustaka JavaScript yang membuatnya sangat mudah untuk menambahkan video latar belakang layar penuh ke halaman web.

Microlight.js

Microlight.js adalah pustaka penyorotan kode ringan, untuk bahasa pemrograman apa pun, yang sangat meningkatkan keterbacaan.

Tempat Algolia

Algolia Places adalah cara mudah untuk menggunakan perpustakaan JavaScript pelengkapan otomatis pencarian alamat di situs web Anda.

flatpickr

Ditulis dalam vanilla JavaScript, flatpickr adalah datetimepicker dan solusi kalender yang ringan.

anime.js

anime.js adalah library animasi JavaScript yang fleksibel dan ringan. Ia bekerja dengan CSS, Transformasi Individu, SVG, atribut DOM dan Objek JS.

Cleave.js

Cleave.js adalah plugin yang memformat konten <input/> Anda saat Anda mengetik.

Lightgallery.js

Lightgallery.js adalah galeri lightbox JavaScript berfitur lengkap tanpa ketergantungan.