I 50 migliori plugin e librerie JavaScript gratuiti

I plugin e le librerie JavaScript gratuiti in questa pagina offrono tutti una funzione diretta e specifica. Non ci sono framework all-in-one gonfi. Solo soluzioni utili, leggere e di risoluzione dei problemi per aiutarti a rendere il processo di progettazione e sviluppo web molto più semplice e veloce per te.

Come ci si aspetterebbe, di seguito sono disponibili plug-in per la creazione di slider, gallerie di immagini, menu reattivi, finestre modali e molti altri componenti comuni. Ma troverai anche plugin che offrono funzionalità davvero uniche, come note a margine della barra laterale, anteprime GIF, favicon animate e molto altro ancora.

Potresti anche dare un'occhiata alla nostra raccolta di plugin jQuery gratuiti o alle nostre raccolte di Cheatsheet JavaScript.

Blocco di testo

Textblock: uno strumento JavaScript per visualizzare una tipografia continuamente reattiva.

Uppy

Uppy – Un caricatore di file elegante e modulare che si integra con qualsiasi sito Web o app.

Tone.js

Tone.js – Un framework per la creazione di musica interattiva nel browser.

Editor.js

Editor.js: un'app gratuita per l'editor di blocchi di nuova generazione.

lax.js

lax.js – Un piccolo plugin JavaScript vanigliato per creare animazioni a scorrimento fluido.

Scrivilo

TypeIt – Una libreria di digitazione JavaScript che viene definita la "più versatile del mondo".

iro.js

iro.js – Un moderno widget di selezione dei colori HSV per JavaScript che utilizza SVG.

Cleave.js

Cleave.js – Una libreria per l'aggiunta di formattazione in tempo reale per formare input.

Freezeframe.js

Freezeframe.js – Una libreria che mette in pausa i .gif animati e li abilita al passaggio del mouse, fai clic o tocca.

darkmode.js

darkmode.js – Aggiungi una modalità oscura al tuo sito web con il minimo sforzo.

Scene.js

Scene.js – Una libreria di animazioni basata sulla timeline CSS e JavaScript.

Bun.js

Bun.js – Genera caselle di controllo personalizzate e pulsanti di opzione con CSS.

Barre di scorrimento sovrapposte

Overlay Scrollbars: un plug-in JavaScript che nasconde le barre di scorrimento native e le sostituisce con versioni personalizzate.

MailtoUI

MailtoUI: uno script che aggiunge un utile componente dell'interfaccia utente ai collegamenti e-mail standard.

Dispositivo di scorrimento a schermo intero

Slider a schermo intero: controlla le sezioni della pagina e abilita la navigazione tramite la rotellina del mouse e gli eventi touch.

mappa delle pagine

pagemap: aggiungi una piccola "mini mappa" al tuo sito Web che fornirà agli utenti un contesto di navigazione.

Grafico.xkcd

Chart.xkcd – Una libreria per la creazione di grafici con un aspetto disegnato a mano.

GPickr

GPickr – Un'implementazione della libreria di selezione dei colori Pickr che genera bellissimi gradienti.

Mobile

Spostabile: una libreria JavaScript che ti consente di spostare, ridimensionare, trascinare, ruotare e altro ancora.

Cube.js

Cube.js – Una soluzione di analisi open source completa: SDK front-end indipendenti dalla visualizzazione e API supportati da un'infrastruttura di server analitici.

semplice Parallasse

simpleParallax – Una piccola libreria JavaScript che aggiunge animazioni di parallasse a qualsiasi immagine.

Bounds.js

Bounds.js: uno script per il rilevamento asincrono dei limiti che può essere utilizzato per effetti come il caricamento lento.

faccia inquietante

Creepyface – Una libreria JavaScript che fa "guardare" la tua faccia al cursore, in base alla posizione.

Legra JS

LegraJS – Una libreria che ti permette di disegnare con i mattoncini LEGO. Cosa costruirai?

Paged.js

Paged.js – è una libreria open source per l'impaginazione del contenuto nel browser. Basato sulle specifiche del W3C, è una sorta di polyfill per i moduli Paged Media e Generated Content for Paged Media CSS.

Sovrapposizione di messa a fuoco

Focus Overlay: una libreria per la creazione di sovrapposizioni su elementi focalizzati. Bel design e migliore accessibilità.

fluido

Flowy: una libreria JavaScript minima che puoi utilizzare per creare diagrammi di flusso.

Coreografo-js

Choreographer-js è una semplice libreria per prendersi cura di animazioni complicate.

Volantino.js

Leaflet.js è una libreria JavaScript per mappe interattive.

Lory

Lory è un dispositivo di scorrimento minimalista abilitato al tocco scritto in JavaScript vaniglia.

CurrencyFormatter.js

CurrencyFormatter.js è una libreria di formattazione di valuta super semplice (155 valute e 7 KB compressi).

Arco

ARc (Atomic React) è un'app React standard con approccio Atomic Design.

Shave.js

Shave.js è un moderno plugin JavaScript per troncare il testo all'interno di un elemento html.

Next.js

Next.js è un framework minimalista per applicazioni React con rendering server.

Planimetria

Blueprint è una raccolta di componenti dell'interfaccia utente di React, che copre elementi di interfaccia, modelli e interazioni comuni sul Web.

baguetteBox.js

baguetteBox.js è uno script lightbox di immagini reattivo semplice e facile da usare con supporto per i gesti di scorrimento sui dispositivi mobili. è stato scritto in puro JavaScript.

ScrollReveal

Il plug-in ScrollReveal semplifica la creazione di animazioni di scorrimento di pagine Web per browser desktop e mobili.

Collegamenti ad alto volume

Loud Links è una libreria JavaScript leggera per aggiungere suoni di interazione al tuo sito web. Lo fa creando un elemento audio HTML5 e usandolo per riprodurre file audio MP3 o OGG.

Bricks.js

Bricks.js è un generatore di layout in muratura "velocissimo" per elementi a larghezza fissa.

Editore medio

Scritto utilizzando JavaScript vanilla, MediumEditor è un clone della barra degli strumenti dell'editor inline WYSIWYG leggero (28kb) di Medium.com WYSIWYG. Sono disponibili anche una selezione di estensioni e temi di Mediumditor.

Sostanza

Substance è una libreria JavaScript per la modifica dei contenuti basata sul Web. Ti offre tutti gli strumenti necessari per creare editor di testo personalizzati e sistemi di pubblicazione basati sul Web.

List.js

List.js è uno script JavaScript vanilla leggero e veloce che aggiunge ricerca, ordinamento, filtri e flessibilità a elenchi, tabelle o qualsiasi cosa HTML.

Popper.js

Popper.js è una libreria leggera (4kb minimizzata) per la gestione di popper, descrizioni comandi e popover. Puoi posizionare rapidamente e facilmente le descrizioni comandi con una sola riga di codice.

InlineTweet.js

InlineTweet.js ti consente di creare facilmente link twittabili da qualsiasi testo su una pagina web. Tutto quello che devi fare è racchiudere il testo twittabile in un contenitore con data-inline-tweet .

SweetAlert2

SweetAlert2 è un sostituto bello e personalizzabile delle finestre popup di JavaScript.

Force.js

Force.js è una libreria JavaScript che semplifica l'animazione di elementi HTML e la navigazione in una pagina Web.

Push.js

Push.js è una soluzione cross-browser per iniziare a utilizzare le notifiche desktop Javascript.

Bideo.js

Bideo.js è una libreria JavaScript che semplifica l'aggiunta di video di sfondo a schermo intero alle pagine Web.

Microlight.js

Microlight.js è una libreria di evidenziazione del codice leggera, per qualsiasi linguaggio di programmazione, che migliora notevolmente la leggibilità.

Luoghi dell'Algolia

Algolia Places è un modo semplice per utilizzare una libreria JavaScript di completamento automatico della ricerca di indirizzi sul tuo sito web.

flat pickr

Scritto in JavaScript vanigliato, flatpickr è una soluzione di datetimepicker e calendario leggera.

anime.js

anime.js è una libreria di animazione JavaScript flessibile e leggera. Funziona con CSS, trasformazioni individuali, SVG, attributi DOM e oggetti JS.

Cleave.js

Cleave.js è un plugin che formatta il tuo contenuto <input/> durante la digitazione.

Lightgallery.js

Lightgallery.js è una galleria lightbox JavaScript con funzionalità complete senza dipendenze.