En İyi 50 Ücretsiz JavaScript Eklentisi ve Kitaplığı

Yayınlanan: 2021-07-13

Bu sayfadaki ücretsiz JavaScript eklentileri ve kitaplıklarının tümü, basit ve özel bir işlev sunar. Şişirilmiş hepsi bir arada çerçeveler yoktur. Web tasarım ve geliştirme sürecini sizin için çok daha kolay ve hızlı hale getirmeye yardımcı olacak kullanışlı, hafif ve problem çözücü çözümler.

Beklediğiniz gibi, aşağıda kaydırıcılar, resim galerileri, duyarlı menüler, kalıcı pencereler ve diğer birçok ortak bileşen oluşturmak için eklentiler bulunmaktadır. Ancak kenar çubuğu kenar notları, GIF önizlemeleri, hareketli favori simgeleri ve çok daha fazlası gibi gerçekten benzersiz işlevsellik sunan eklentiler de bulacaksınız.

Ayrıca ücretsiz jQuery eklentileri koleksiyonumuza veya JavaScript Cheatsheet koleksiyonlarımıza da göz atmak isteyebilirsiniz.

Metin bloğu

Textblock – Sürekli duyarlı tipografiyi görüntülemek için bir JavaScript aracı.

Metin bloğu

Utangaç

Uppy - Herhangi bir web sitesi veya uygulama ile entegre olan şık, modüler bir dosya yükleyici.

Utangaç

Tone.js

Tone.js – Tarayıcıda etkileşimli müzik oluşturmak için bir çerçeve.

Tone.js

Editor.js

Editor.js – Ücretsiz, yeni nesil blok düzenleyici uygulaması.

Editor.js

lax.js

lax.js – Düzgün kaydırma animasyonları oluşturmak için küçük, vanilya JavaScript eklentisi.

lax.js

Onu yaz

TypeIt – “Dünyanın en çok yönlülüğü” olarak faturalandırılan bir JavaScript yazma kitaplığı.

Onu yaz

iro.js

iro.js – JavaScript için SVG kullanan modern bir HSV renk seçici widget'ı.

iro.js

Cleave.js

Cleave.js – Girişleri oluşturmak için gerçek zamanlı biçimlendirme eklemek için bir kitaplık.

Cleave.js

Freezeframe.js

Freezeframe.js – Animasyonlu .gif'leri duraklatan ve üzerine gelindiğinde, tıklandığında veya dokunulduğunda etkinleştiren bir kitaplık.

Freezeframe.js

karanlık mod.js

darkmode.js – Web sitenize minimum çabayla karanlık bir mod ekleyin.

karanlık mod.js

Scene.js

Scene.js – CSS ve JavaScript zaman çizelgesi tabanlı bir animasyon kitaplığı.

Scene.js

Bun.js

Bun.js – CSS ile özel onay kutuları ve radyo düğmeleri oluşturun.

Topuz

Yer Paylaşımlı Kaydırma Çubukları

Overlay Scrollbars – Yerel kaydırma çubuklarını gizleyen ve bunları özel stil sürümleriyle değiştiren bir JavaScript eklentisi.

Yer Paylaşımlı Kaydırma Çubukları

MailtoUI

MailtoUI – Standart e-posta bağlantılarına yararlı bir UI bileşeni ekleyen bir komut dosyası.

MailtoUI

Tam Ekran Kaydırıcısı

FullScreen Slider – Sayfa bölümlerini kontrol edin ve fare tekerleği ve dokunma olayları aracılığıyla gezinmeyi etkinleştirin.

Tam Ekran Kaydırıcısı

sayfa haritası

sayfa haritası – Web sitenize, kullanıcılara gezinme bağlamı sağlayacak küçük bir "mini harita" ekleyin.

sayfa haritası

Grafik.xkcd

Chart.xkcd – Elle çizilmiş bir görünüme sahip grafikler oluşturmak için bir kitaplık.

Grafik.xkcd

GPickr

GPickr – Güzel degradeler oluşturan Pickr renk seçici kitaplığının bir uygulaması.

GPickr

hareketli

Hareket ettirilebilir – Taşımanıza, yeniden boyutlandırmanıza, sürüklemenize, döndürmenize ve daha pek çok şeye izin veren bir JavaScript kitaplığı.

hareketli

küp.js

Cube.js – Eksiksiz bir açık kaynaklı analitik çözümü: analitik sunucu altyapısı tarafından desteklenen görselleştirme agnostik ön uç SDK'ları ve API.

basit Paralaks

simpleParallax – Herhangi bir görüntüye paralaks animasyonu ekleyen küçük bir JavaScript kitaplığı.

basit Paralaks

Bounds.js

Bounds.js – Geç yükleme gibi efektler için kullanılabilen, zaman uyumsuz sınır algılama için bir komut dosyası.

Bounds.js

Korkutucu Yüz

Creepyface – Konum bazında yüzünüzü imlece "bakmasını" sağlayan bir JavaScript kitaplığı.

Creepyface'den örnek

LegraJS

LegraJS – LEGO benzeri tuğlalarla çizim yapmanızı sağlayan bir kitaplık. Ne inşa edeceksin?

LegraJS'den Örnek

Paged.js

Paged.js – içeriği tarayıcıda sayfalamak için açık kaynaklı bir kitaplıktır. W3C spesifikasyonlarına dayalı olarak, Paged Media CSS modülleri için Paged Media ve Generated Content için bir tür çoklu dolgudur.

Paged.js

Odak Yerleşimi

Odak Yerleşimi – Odaklanmış öğeler üzerinde kaplamalar oluşturmak için bir kitaplık. Güzel tasarım ve daha iyi erişilebilirlik.

Odak Yerleşimi

akıcı

Flowy – Akış şemaları oluşturmak için kullanabileceğiniz minimal bir JavaScript kitaplığı.

Flowy'den Örnek

Koreograf-js

Koreograf-js, karmaşık animasyonlarla ilgilenmek için basit bir kitaplıktır.
Koreograf-js ücretsiz javascript

Leaflet.js

Leaflet.js, etkileşimli haritalar için bir JavaScript kitaplığıdır.
Leaflet.js ücretsiz javascript

Lori

Lory, vanilya JavaScript ile yazılmış, dokunmatik özellikli minimalist bir kaydırıcıdır.
Lory ücretsiz javascript

Para BirimiFormatter.js

CurrencyFormatter.js, süper basit bir para birimi biçimlendirme kitaplığıdır (155 para birimi ve 7KB sıkıştırılmış).
CurrencyFormatter.js ücretsiz javascript

ARc

ARc (Atomic React), Atomic Design yaklaşımına sahip bir React uygulaması kazan plakasıdır.
ARc ücretsiz javascript

Shave.js

Shave.js, bir html öğesi içindeki metni kesmek için modern bir JavaScript eklentisidir.
ücretsiz javascript

Sonraki.js

Next.js, sunucu tarafından oluşturulan React uygulamaları için minimalist bir çerçevedir.
ücretsiz javascript

Taslak

Blueprint, web'deki ortak arayüz öğelerini, kalıpları ve etkileşimleri kapsayan bir React UI bileşenleri koleksiyonudur.
Blueprint ücretsiz javascript

bagetBox.js

baguetteBox.js, mobil cihazlarda kaydırma hareketi desteğine sahip, basit ve kullanımı kolay, duyarlı bir görüntü ışık kutusu komut dosyasıdır. saf JavaScript ile yazılmıştır.

baguetteBox js basit kolay ışık kutusu komut dosyası çoklu galeri kaydırma hareketi mobil cihazları destekler saf JavaScript

KaydırGörüntüle

ScrollReveal eklentisi, hem masaüstü hem de mobil tarayıcılar için web sayfası kaydırma animasyonları oluşturmayı çok kolaylaştırır.

ScrollReveal Kolayca kaydırma animasyonları oluşturun web mobil tarayıcıları

Yüksek Bağlantılar

Loud Links, web sitenize etkileşim sesleri eklemek için hafif bir JavaScript kitaplığıdır. Bunu bir HTML5 ses öğesi oluşturarak ve bunu MP3 veya OGG ses dosyalarını çalmak için kullanarak yapar.

Loud Links küçük JS kitaplığı etkileşim sesleri

Bricks.js

Bricks.js, sabit genişlikli elemanlar için 'çok hızlı' bir duvar düzeni oluşturucudur.

Bricks.js sabit genişlikli elemanlar için yanan hızlı duvar düzeni oluşturucu

Orta Düzenleyici

Vanilla JavaScript kullanılarak yazılan MediumEditor, hafif (28 kb) bir Medium.com WYSIWYG satır içi düzenleyici araç çubuğu klonudur. Ayrıca bir dizi Mediumditor eklentisi ve teması da mevcuttur.

vanilya JavaScript MediumEditor hafif Medium WYSIWYG satır içi düzenleyici araç çubuğu klonu

Madde

Substance, web tabanlı içerik düzenleme için bir JavaScript kitaplığıdır. Özel metin editörleri ve web tabanlı yayıncılık sistemleri oluşturmak için ihtiyacınız olan tüm araçları size sunar.

Web tabanlı içerik düzenleme için Substance JavaScript kitaplığı

Liste.js

List.js, listelere, tablolara veya HTML'deki herhangi bir şeye arama, sıralama, filtreler ve esneklik ekleyen hafif ve hızlı bir vanilya JavaScript komut dosyasıdır.

List.js Hafif hızlı vanilya JavaScript, HTML'ye arama sıralama filtreleri ve esneklik ekler

Popper.js

Popper.js, popper'ları, araç ipuçlarını ve popover'ları yönetmek için hafif (4kb küçültülmüş) bir kitaplıktır. Tek bir satır koduyla araç ipuçlarını hızlı ve kolay bir şekilde konumlandırabilirsiniz.

Popper.js Kickass Kitaplığı Poppers'ınızı Yönetin Araç İpuçları Popovers

InlineTweet.js

InlineTweet.js, bir web sayfasındaki herhangi bir metinden kolayca tweetlenebilir bağlantılar oluşturmanıza olanak tanır. Tek yapmanız gereken tweetlenebilir metni data-inline-tweet içeren bir kapsayıcıya sarmak.

Tatlı Uyarı2

SweetAlert2, JavaScript'in açılır kutularının güzel ve özelleştirilebilir bir alternatifidir.

SweetAlert2 JavaScript Uyarısı için güzel özelleştirilebilir yedek

Force.js

Force.js, HTML öğelerini canlandırmayı ve bir web sayfasında gezinmeyi kolaylaştıran bir JavaScript kitaplığıdır.

Force.js kaydırmanın kolay yolu sayfanızı canlandırın

Push.js

Push.js, Javascript masaüstü bildirimlerini başlatmak ve çalıştırmak için tarayıcılar arası bir çözümdür.

Bide.js

Bideo.js, web sayfalarına tam ekran arka plan videoları eklemeyi çok kolaylaştıran bir JavaScript kitaplığıdır.

Bideo.js Kolay tam ekran HTML5 arka plan videosu Web

Microlight.js

Microlight.js, herhangi bir programlama dili için okunabilirliği büyük ölçüde artıran hafif bir kod vurgulama kitaplığıdır.

Microlight.js kod vurgulama kitaplığı okunabilirliği artırır

Algolya Yerleri

Algolia Places, web sitenizde bir adres arama otomatik tamamlama JavaScript kitaplığını kullanmanın kolay bir yoludur.

Algolia Places adres arama otomatik tamamlama JavaScript kitaplığı

flatpickr

Vanilya JavaScript ile yazılmış flatpickr, hafif bir tarih saat seçici ve takvim çözümüdür.

flatpickr hafif tarih saat seçici

anime.js

anime.js esnek ve hafif bir JavaScript animasyon kitaplığıdır. CSS, Bireysel Dönüşümler, SVG, DOM nitelikleri ve JS Nesneleri ile çalışır.

anime.js esnek hafif JavaScript animasyon kitaplığı

Cleave.js

Cleave.js, yazarken <input/> içeriğinizi biçimlendiren bir eklentidir.

Cleave.js formatı girişi

Lightgallery.js

Lightgallery.js, bağımlılığı olmayan tam özellikli bir JavaScript ışık kutusu galerisidir.

Lightgallery.js JavaScript ışık kutusu galerisi