Top 50 des plugins et bibliothèques JavaScript gratuits

Les plugins et bibliothèques JavaScript gratuits sur cette page offrent tous une fonction simple et spécifique. Il n'y a pas de cadres tout-en-un gonflés. Juste des solutions utiles, légères et de résolution de problèmes pour vous aider à rendre le processus de conception et de développement Web beaucoup plus facile et plus rapide pour vous.

Comme vous vous en doutez, il existe des plugins ci-dessous pour créer des curseurs, des galeries d'images, des menus réactifs, des fenêtres modales et de nombreux autres composants courants. Mais vous trouverez également des plugins qui offrent des fonctionnalités vraiment uniques, comme les notes de marge de la barre latérale, les aperçus GIF, les favicons animés et bien plus encore.

Vous pouvez également jeter un œil à notre collection de plugins jQuery gratuits ou à nos collections de Cheatsheets JavaScript.

Bloc de texte

Textblock - Un outil JavaScript pour afficher une typographie réactive en continu.

Uppy

Uppy - Un téléchargeur de fichiers élégant et modulaire qui s'intègre à n'importe quel site Web ou application.

Tone.js

Tone.js - Un cadre pour créer de la musique interactive dans le navigateur.

Editor.js

Editor.js - Une application gratuite d'édition de blocs de nouvelle génération.

lax.js

lax.js - Un petit plugin JavaScript vanille pour créer des animations de défilement fluides.

Taper

TypeIt - Une bibliothèque de typage JavaScript qui est présentée comme la "plus polyvalente au monde".

iro.js

iro.js - Un widget de sélection de couleurs HSV moderne pour JavaScript qui utilise SVG.

Cleave.js

Cleave.js - Une bibliothèque pour ajouter un formatage en temps réel aux entrées de formulaire.

Freezeframe.js

Freezeframe.js - Une bibliothèque qui met en pause les .gifs animés et les active au survol, au clic ou au toucher.

darkmode.js

darkmode.js – Ajoutez un mode sombre à votre site Web avec un minimum d'effort.

Scène.js

Scene.js - Une bibliothèque d'animation basée sur la chronologie CSS et JavaScript.

Bun.js

Bun.js – Générez des cases à cocher et des boutons radio personnalisés avec CSS.

Superposer les barres de défilement

Overlay Scrollbars - Un plugin JavaScript qui masque les barres de défilement natives et les remplace par des versions personnalisées.

MailtoUI

MailtoUI - Un script qui ajoute un composant d'interface utilisateur utile aux liens de messagerie standard.

Curseur plein écran

Curseur plein écran - Contrôlez les sections de la page et activez la navigation via la molette de la souris et les événements tactiles.

plan de page

pagemap – Ajoutez une petite « mini ​​carte » à votre site Web qui fournira aux utilisateurs un contexte de navigation.

Graphique.xkcd

Chart.xkcd - Une bibliothèque pour créer des graphiques avec un aspect dessiné à la main.

GPickr

GPickr - Une implémentation de la bibliothèque de sélecteurs de couleurs Pickr qui génère de beaux dégradés.

Mobile

Mobile - Une bibliothèque JavaScript qui vous permet de déplacer, redimensionner, faire glisser, faire pivoter et plus encore.

Cube.js

Cube.js - Une solution d'analyse open source complète : SDK frontaux indépendants de la visualisation et API soutenus par une infrastructure de serveur analytique.

simpleParallaxe

simpleParallax - Une petite bibliothèque JavaScript qui ajoute une animation de parallaxe à n'importe quelle image.

Bounds.js

Bounds.js – Un script pour la détection de frontière asynchrone qui peut être utilisé pour des effets tels que le chargement différé.

Visage effrayant

Creepyface - Une bibliothèque JavaScript qui fait que votre visage "regarde" le curseur, en fonction de la position.

LegraJS

LegraJS - Une bibliothèque qui vous permet de dessiner avec des briques de type LEGO. Qu'allez-vous construire ?

Paged.js

Paged.js - est une bibliothèque open source pour la pagination du contenu dans le navigateur. Basé sur les spécifications du W3C, il s'agit d'une sorte de polyfill pour les modules CSS Paged Media et Generated Content for Paged Media.

Superposition de mise au point

Focus Overlay - Une bibliothèque pour créer des superpositions sur des éléments ciblés. Beau design et meilleure accessibilité.

Fluide

Flowy - Une bibliothèque JavaScript minimale que vous pouvez utiliser pour créer des organigrammes.

Chorégraphe-js

Choreographer-js est une bibliothèque simple pour prendre en charge des animations compliquées.

Leaflet.js

Leaflet.js est une bibliothèque JavaScript pour les cartes interactives.

Lori

Lory est un curseur minimaliste tactile écrit en JavaScript vanille.

CurrencyFormatter.js

CurrencyFormatter.js est une bibliothèque de formatage de devises super simple (155 devises et 7 Ko gzippés).

Arc

ARc (Atomic React) est un passe-partout d'application React avec l'approche Atomic Design.

Rasage.js

Shave.js est un plugin JavaScript moderne pour tronquer le texte dans un élément html.

Suivant.js

Next.js est un framework minimaliste pour les applications React rendues par le serveur.

Plan

Blueprint est une collection de composants d'interface utilisateur React, couvrant des éléments d'interface, des modèles et des interactions communs sur le Web.

baguetteBox.js

baguetteBox.js est un script lightbox d'image réactif simple et facile à utiliser avec prise en charge des gestes de balayage sur les appareils mobiles. il a été écrit en JavaScript pur.

DéfilementRévéler

Le plug-in ScrollReveal facilite la création d'animations de défilement de pages Web pour les navigateurs de bureau et mobiles.

Liens forts

Loud Links est une bibliothèque JavaScript légère permettant d'ajouter des sons d'interaction à votre site Web. Pour ce faire, il crée un élément audio HTML5 et l'utilise pour lire des fichiers audio MP3 ou OGG.

Bricks.js

Bricks.js est un générateur de mise en page de maçonnerie « ultra-rapide » pour les éléments de largeur fixe.

Éditeur moyen

Écrit à l'aide de JavaScript vanille, MediumEditor est un clone léger (28 Ko) de la barre d'outils de l'éditeur en ligne WYSIWYG de Medium.com. Il existe également une sélection d'extensions et de thèmes Mediumditor disponibles.

Substance

Substance est une bibliothèque JavaScript pour l'édition de contenu Web. Il vous donne tous les outils dont vous avez besoin pour créer des éditeurs de texte personnalisés et des systèmes de publication Web.

Liste.js

List.js est un script JavaScript léger et rapide qui ajoute de la recherche, du tri, des filtres et de la flexibilité aux listes, aux tableaux ou à tout autre élément HTML.

Popper.js

Popper.js est une bibliothèque légère (minifiée de 4 Ko) pour la gestion des poppers, des info-bulles et des popovers. Vous pouvez positionner rapidement et facilement les info-bulles avec un seul code de ligne.

InlineTweet.js

InlineTweet.js vous permet de créer facilement des liens tweetables à partir de n'importe quel texte sur une page Web. Tout ce que vous avez à faire est d'envelopper le texte tweetable dans un conteneur avec data-inline-tweet .

SweetAlert2

SweetAlert2 est un remplacement magnifique et personnalisable pour les boîtes contextuelles de JavaScript.

Force.js

Force.js est une bibliothèque JavaScript qui simplifie l'animation d'éléments HTML et la navigation sur une page Web.

Push.js

Push.js est une solution multi-navigateurs pour être opérationnel avec les notifications de bureau Javascript.

Bideo.js

Bideo.js est une bibliothèque JavaScript qui permet d'ajouter très facilement des vidéos d'arrière-plan en plein écran aux pages Web.

Microlight.js

Microlight.js est une bibliothèque de mise en évidence de code légère, pour n'importe quel langage de programmation, qui améliore considérablement la lisibilité.

Lieux d'Algolie

Algolia Places est un moyen simple d'utiliser une bibliothèque JavaScript de recherche d'adresses à saisie semi-automatique sur votre site Web.

flatpicker

Écrit en JavaScript vanille, flatpickr est une solution légère de sélection de date et d'heure et de calendrier.

anime.js

anime.js est une bibliothèque d'animation JavaScript flexible et légère. Il fonctionne avec CSS, les transformations individuelles, SVG, les attributs DOM et les objets JS.

Cleave.js

Cleave.js est un plugin qui formate votre contenu <input/> pendant que vous tapez.

Lightgallery.js

Lightgallery.js est une galerie de lightbox JavaScript complète sans dépendances.