50 najlepszych darmowych wtyczek i bibliotek JavaScript

Wszystkie bezpłatne wtyczki i biblioteki JavaScript na tej stronie oferują prostą i konkretną funkcję. Nie ma nadętych platform typu „wszystko w jednym”. Po prostu przydatne, lekkie i rozwiązujące problemy rozwiązania, które znacznie ułatwiają i przyspieszają proces projektowania i tworzenia stron internetowych.

Jak można się spodziewać, poniżej znajdują się wtyczki do tworzenia suwaków, galerii obrazów, responsywnych menu, okien modalnych i wielu innych typowych komponentów. Ale znajdziesz również wtyczki, które oferują naprawdę unikalną funkcjonalność, takie jak notatki na marginesie paska bocznego, podgląd GIF, animowane favicony i wiele, wiele więcej.

Możesz również rzucić okiem na naszą kolekcję darmowych wtyczek jQuery lub nasze kolekcje kodów JavaScript.

Blok tekstowy

Textblock — narzędzie JavaScript do wyświetlania stale responsywnej typografii.

Uppy

Uppy — elegancki, modułowy program do przesyłania plików, który integruje się z dowolną witryną lub aplikacją.

Tone.js

Tone.js – Framework do tworzenia interaktywnej muzyki w przeglądarce.

Editor.js

Editor.js – bezpłatna aplikacja do edycji bloków nowej generacji.

lax.js

lax.js – Mała, waniliowa wtyczka JavaScript do tworzenia animacji płynnego przewijania.

Wpisz to

TypeIt — Biblioteka typowania JavaScript, która jest uznawana za „najbardziej wszechstronną na świecie”.

iro.js

iro.js – nowoczesny widżet próbnika kolorów HSV dla JavaScript, który używa SVG.

Cleave.js

Cleave.js — biblioteka do dodawania formatowania w czasie rzeczywistym do danych wejściowych formularzy.

Freezeframe.js

Freezeframe.js — biblioteka, która wstrzymuje animowane pliki .gif i włącza je po najechaniu, kliknięciu lub dotknięciu.

darkmode.js

darkmode.js – Dodaj tryb ciemny do swojej witryny przy minimalnym wysiłku.

Scene.js

Scene.js — biblioteka animacji oparta na osi czasu CSS i JavaScript.

Bun.js

Bun.js — generuj niestandardowe pola wyboru i przyciski radiowe za pomocą CSS.

Nakładki na paski przewijania

Overlay Scrollbars – Wtyczka JavaScript, która ukrywa natywne paski przewijania i zastępuje je wersjami w niestandardowym stylu.

MailtoUI

MailtoUI — skrypt, który dodaje pomocny składnik interfejsu użytkownika do standardowych łączy e-mail.

Suwak pełnoekranowy

Suwak FullScreen — kontroluj sekcje strony i włącz nawigację za pomocą kółka myszy i zdarzeń dotykowych.

mapa strony

mapa strony – Dodaj małą „mini mapę” do swojej witryny, która zapewni użytkownikom kontekst nawigacyjny.

Wykres.xkcd

Chart.xkcd — biblioteka do tworzenia wykresów o wyglądzie odręcznym.

GPick

GPickr — implementacja biblioteki próbnika kolorów Pickr, która generuje piękne gradienty.

Ruchomy

Moveable — biblioteka JavaScript, która pozwala przenosić, zmieniać rozmiar, przeciągać, obracać i nie tylko.

Cube.js

Cube.js — kompletne rozwiązanie analityczne typu open source: niezależne od wizualizacji pakiety SDK i interfejs API wspierane przez analityczną infrastrukturę serwerową.

prosta paralaksa

simpleParallax — niewielka biblioteka JavaScript, która dodaje animację paralaksy do dowolnego obrazu.

Bounds.js

Bounds.js — skrypt do asynchronicznego wykrywania granic, którego można używać do efektów, takich jak ładowanie z opóźnieniem.

Straszna twarz

Creepyface – biblioteka JavaScript, która sprawia, że ​​twoja twarz „patrzy” na kursor w oparciu o pozycję.

LegraJS

LegraJS — biblioteka umożliwiająca rysowanie z klocków podobnych do LEGO. Co zbudujesz?

Paged.js

Paged.js – to biblioteka typu open source do stronicowania treści w przeglądarce. W oparciu o specyfikacje W3C jest to rodzaj wypełnienia dla modułów CSS Paged Media i Generated Content dla Paged Media.

Nakładka ostrości

Focus Overlay – Biblioteka do tworzenia nakładek na skupione elementy. Piękny design i lepsza dostępność.

Flowy

Flowy — minimalna biblioteka JavaScript, której możesz użyć do tworzenia schematów blokowych.

Choreograf-js

Choreographer-js to prosta biblioteka do obsługi skomplikowanych animacji.

Ulotka.js

Leaflet.js to biblioteka JavaScript do interaktywnych map.

Lory

Lory to dotykowy, minimalistyczny slider napisany w waniliowym JavaScript.

CurrencyFormatter.js

CurrencyFormatter.js to bardzo prosta biblioteka do formatowania walut (155 walut i 7 KB spakowane gzipem).

Łuk

ARc (Atomic React) to szablon aplikacji React z podejściem Atomic Design.

Shave.js

Shave.js to nowoczesna wtyczka JavaScript do obcinania tekstu w elemencie html.

Next.js

Next.js to minimalistyczny framework do renderowanych na serwerze aplikacji React.

Projekt

Blueprint to zbiór komponentów React UI, obejmujący typowe elementy interfejsu, wzorce i interakcje w sieci.

baguetteBox.js

baguetteBox.js to prosty i łatwy w użyciu responsywny skrypt lightbox z obsługą gestów przesuwania na urządzeniach mobilnych. został napisany w czystym JavaScript.

PrzewińUjawnij

Wtyczka ScrollReveal bardzo ułatwia tworzenie animacji przewijania stron internetowych zarówno dla przeglądarek stacjonarnych, jak i mobilnych.

Głośne linki

Loud Links to lekka biblioteka JavaScript do dodawania dźwięków interakcji do Twojej witryny. Robi to, tworząc element audio HTML5 i używając go do odtwarzania plików audio MP3 lub OGG.

Bricks.js

Bricks.js to niezwykle szybki generator układu murów dla elementów o stałej szerokości.

MediumEditor

Napisany przy użyciu waniliowego JavaScript, MediumEditor jest lekkim (28kb) klonem paska narzędzi edytora inline Medium.com WYSIWYG. Dostępnych jest również wiele rozszerzeń i motywów Mediumditor.

Substancja

Substance to biblioteka JavaScript do edycji treści w Internecie. Zapewnia wszystkie narzędzia potrzebne do tworzenia niestandardowych edytorów tekstu i internetowych systemów publikowania.

List.js

List.js to lekki i szybki waniliowy skrypt JavaScript, który dodaje wyszukiwanie, sortowanie, filtry i elastyczność do list, tabel lub czegokolwiek HTML.

Popper.js

Popper.js to lekka (zminimalizowana 4 KB) biblioteka do zarządzania poppersami, podpowiedziami i popoverami. Możesz szybko i łatwo pozycjonować podpowiedzi za pomocą jednego kodu wiersza.

InlineTweet.js

InlineTweet.js umożliwia łatwe tworzenie linków do tweetowania z dowolnego tekstu na stronie internetowej. Wszystko, co musisz zrobić, to zawinąć tekst do tweetowania w kontenerze z data-inline-tweet .

SweetAlert2

SweetAlert2 to piękny i konfigurowalny zamiennik wyskakujących okienek JavaScript.

Force.js

Force.js to biblioteka JavaScript, która ułatwia animowanie elementów HTML i poruszanie się po stronie internetowej.

Push.js

Push.js to rozwiązanie dla wielu przeglądarek do uruchamiania i uruchamiania powiadomień na pulpicie JavaScript.

Bideo.js

Bideo.js to biblioteka JavaScript, która bardzo ułatwia dodawanie pełnoekranowych filmów w tle do stron internetowych.

Microlight.js

Microlight.js to lekka biblioteka do podświetlania kodu, dla dowolnego języka programowania, która znacznie poprawia czytelność.

Miejsca w Algolii

Algolia Places to prosty sposób na użycie biblioteki JavaScript z autouzupełnianiem wyszukiwania adresów w Twojej witrynie.

flatpick

Napisany w waniliowym JavaScript, flatpicr jest lekkim rozwiązaniem datetimepicker i kalendarz.

anime.js

anime.js to elastyczna i lekka biblioteka animacji JavaScript. Działa z CSS, indywidualnymi przekształceniami, SVG, atrybutami DOM i obiektami JS.

Cleave.js

Cleave.js to wtyczka, która formatuje zawartość <input/> podczas pisania.

Lightgallery.js

Lightgallery.js to w pełni funkcjonalna galeria JavaScript lightbox bez żadnych zależności.