Top 50 de pluginuri și biblioteci JavaScript gratuite

Pluginurile și bibliotecile JavaScript gratuite de pe această pagină oferă toate o funcție simplă și specifică. Nu există cadre umflate all-in-one. Doar soluții utile, ușoare și de rezolvare a problemelor pentru a face procesul de proiectare și dezvoltare web mult mai ușor și mai rapid pentru dvs.

După cum v-ați aștepta, mai jos există pluginuri pentru crearea de glisoare, galerii de imagini, meniuri receptive, ferestre modale și multe alte componente comune. Dar veți găsi, de asemenea, pluginuri care oferă o funcționalitate cu adevărat unică, cum ar fi notele pe marginea barei laterale, previzualizările GIF, favicon-urile animate și multe, multe altele.

De asemenea, v-ar putea dori să aruncați o privire la colecția noastră de plugin-uri jQuery gratuite sau la colecțiile noastre de Cheatsheets JavaScript.

Bloc de text

Textblock – Un instrument JavaScript pentru afișarea tipografiei cu răspunsuri continue.

Uppy

Uppy – Un instrument de încărcare de fișiere elegant, modular, care se integrează cu orice site web sau aplicație.

Tone.js

Tone.js – Un cadru pentru crearea muzicii interactive în browser.

Editor.js

Editor.js – O aplicație gratuită de editare a blocurilor de următoarea generație.

lax.js

lax.js – Un mic plugin JavaScript, vanilat, pentru crearea de animații cu defilare fluidă.

TypeIt

TypeIt – O bibliotecă de tastare JavaScript care este considerată „cea mai versatilă din lume”.

iro.js

iro.js – Un widget modern de selectare a culorilor HSV pentru JavaScript care utilizează SVG.

Cleave.js

Cleave.js – O bibliotecă pentru adăugarea de formatare în timp real la intrările de formulare.

Freezeframe.js

Freezeframe.js – O bibliotecă care întrerupe .gif-urile animate și le activează la trecerea cu mouse-ul, clic sau atingere.

darkmode.js

darkmode.js – Adăugați un mod întunecat site-ului dvs. cu efort minim.

Scene.js

Scene.js – O bibliotecă de animație bazată pe cronologie CSS și JavaScript.

Bun.js

Bun.js – Generați casete de selectare și butoane radio personalizate cu CSS.

Suprapune bare de defilare

Overlay Scrollbars – Un plugin JavaScript care ascunde barele de defilare native și le înlocuiește cu versiuni personalizate.

MailtoUI

MailtoUI – Un script care adaugă o componentă utilă de UI la link-urile standard de e-mail.

Glisor pe tot ecranul

Slider FullScreen – Controlați secțiunile paginii și activați navigarea prin rotița mouse-ului și evenimentele tactile.

harta paginii

hartă de pagină – Adăugați o mică „mini hartă” pe site-ul dvs. care va oferi utilizatorilor context de navigare.

Chart.xkcd

Chart.xkcd – O bibliotecă pentru crearea de diagrame cu aspect desenat manual.

GPickr

GPickr – O implementare a bibliotecii de selectare a culorilor Pickr care generează gradiente frumoase.

Deplasabil

Moveable – O bibliotecă JavaScript care vă permite să mutați, redimensionați, trageți, rotiți și multe altele.

Cube.js

Cube.js – O soluție completă de analiză open source: SDK-uri frontend agnostice de vizualizare și API susținute de infrastructura serverului analitic.

simplăParalaxă

simpleParallax – O bibliotecă JavaScript mică care adaugă animație paralaxă oricărei imagini.

Bounds.js

Bounds.js – Un script pentru detectarea asincronă a limitelor care poate fi folosit pentru efecte precum încărcarea leneră.

Creepyface

Creepyface – O bibliotecă JavaScript care face ca fața ta să „arată” la cursor, în funcție de poziție.

LegraJS

LegraJS – O bibliotecă care vă permite să desenați cu cărămizi asemănătoare LEGO. Ce vei construi?

Paged.js

Paged.js – este o bibliotecă open-source pentru paginarea conținutului în browser. Pe baza specificațiilor W3C, este un fel de polyfill pentru modulele CSS Paginad Media și Generated Content pentru Media Paged.

Suprapunere focalizare

Focus Overlay – O bibliotecă pentru crearea de suprapuneri pe elemente focalizate. Design frumos și accesibilitate mai bună.

Fluid

Flowy – O bibliotecă JavaScript minimă pe care o puteți folosi pentru a crea diagrame de flux.

Coregraf-js

Choreographer-js este o bibliotecă simplă pentru a avea grijă de animațiile complicate.

Leaflet.js

Leaflet.js este o bibliotecă JavaScript pentru hărți interactive.

Lory

Lory este un glisor minimalist cu atingere, scris în JavaScript vanilla.

CurrencyFormatter.js

CurrencyFormatter.js este o bibliotecă super simplă de formatare a monedei (155 de monede și 7KB gzipped).

Arc

ARc (Atomic React) este o aplicație React cu abordare Atomic Design.

Shave.js

Shave.js este un plugin JavaScript modern pentru trunchierea textului într-un element html.

Next.js

Next.js este un cadru minimalist pentru aplicațiile React redate pe server.

Plan

Blueprint este o colecție de componente React UI, care acoperă elemente comune de interfață, modele și interacțiuni de pe web.

baguetteBox.js

baguetteBox.js este un script lightbox de imagine receptiv, simplu și ușor de utilizat, cu suport pentru gesturi de glisare pe dispozitivele mobile. a fost scris în JavaScript pur.

ScrollReveal

Pluginul ScrollReveal face foarte ușor să creați animații de defilare a paginilor web atât pentru browsere desktop, cât și pentru cele mobile.

Legături puternice

Loud Links este o bibliotecă JavaScript ușoară pentru adăugarea de sunete de interacțiune pe site-ul dvs. Face acest lucru creând un element audio HTML5 și folosindu-l pentru a reda fișiere audio MP3 sau OGG.

Bricks.js

Bricks.js este un generator de aspect de zidărie „foarte rapid” pentru elemente cu lățime fixă.

Medium Editor

Scris folosind JavaScript vanilla, MediumEditor este o clonă ușoară (28 kb) Medium.com WYSIWYG pentru bara de instrumente a editorului inline. Există, de asemenea, o selecție de extensii și teme Mediumditor disponibile.

Substanţă

Substance este o bibliotecă JavaScript pentru editarea conținutului pe web. Vă oferă toate instrumentele de care aveți nevoie pentru a crea editoare de text personalizate și sisteme de publicare pe web.

List.js

List.js este un script JavaScript ușor și rapid, care adaugă căutare, sortare, filtre și flexibilitate la liste, tabele sau orice altceva HTML.

Popper.js

Popper.js este o bibliotecă ușoară (minimificată de 4 kb) pentru gestionarea popper-urilor, sfaturile de instrumente și popover-urile. Puteți poziționa rapid și ușor sfaturile instrumente doar cu un singur cod de linie.

InlineTweet.js

InlineTweet.js vă permite să creați cu ușurință linkuri tweetable din orice text de pe o pagină web. Tot ce trebuie să faceți este să înfășurați textul tweetable într-un container cu data-inline-tweet .

SweetAlert2

SweetAlert2 este un înlocuitor frumos și personalizabil pentru casetele pop-up JavaScript.

Force.js

Force.js este o bibliotecă JavaScript care simplifică animarea elementelor HTML și navigarea într-o pagină web.

Push.js

Push.js este o soluție între browsere pentru a începe și rula cu notificări Javascript pe desktop.

Bideo.js

Bideo.js este o bibliotecă JavaScript care face foarte ușor să adăugați videoclipuri de fundal pe ecran complet pe paginile web.

Microlight.js

Microlight.js este o bibliotecă ușoară de evidențiere a codului, pentru orice limbaj de programare, care îmbunătățește foarte mult lizibilitatea.

Algolia Locuri

Algolia Places este o modalitate simplă de a utiliza o bibliotecă JavaScript de completare automată a căutării de adrese pe site-ul dvs. web.

flatpickr

Scris în JavaScript vanilla, flatpickr este o soluție ușoară de alegere a datei și a calendarului.

anime.js

anime.js este o bibliotecă de animație JavaScript flexibilă și ușoară. Funcționează cu CSS, Transformări individuale, SVG, atribute DOM și obiecte JS.

Cleave.js

Cleave.js este un plugin care vă formatează conținutul <input/> în timp ce introduceți text.

Lightgallery.js

Lightgallery.js este o galerie de lightbox JavaScript complet, fără dependențe.