Die 50 besten kostenlosen JavaScript-Plugins und -Bibliotheken

Die kostenlosen JavaScript-Plugins und -Bibliotheken auf dieser Seite bieten alle eine einfache und spezifische Funktion. Es gibt keine aufgeblähten All-in-One-Frameworks. Nur nützliche, leichtgewichtige und problemlösende Lösungen, die dabei helfen, den Webdesign- und Entwicklungsprozess für Sie viel einfacher und schneller zu machen.

Wie zu erwarten, gibt es unten Plugins zum Erstellen von Schiebereglern, Bildergalerien, reaktionsschnellen Menüs, modalen Fenstern und vielen anderen gängigen Komponenten. Aber Sie werden auch Plugins finden, die wirklich einzigartige Funktionen bieten, wie Seitenleisten-Randnotizen, GIF-Vorschauen, animierte Favicons und vieles mehr.

Vielleicht möchten Sie auch einen Blick auf unsere Sammlung kostenloser jQuery-Plug-ins oder unsere Sammlungen von JavaScript-Cheatsheets werfen.

Textblock

Textblock – Ein JavaScript-Tool zum Anzeigen von kontinuierlich ansprechender Typografie.

Uppy

Uppy – Ein eleganter, modularer Datei-Uploader, der sich in jede Website oder App integrieren lässt.

Tone.js

Tone.js – Ein Framework zum Erstellen interaktiver Musik im Browser.

Editor.js

Editor.js – Eine kostenlose Blockeditor-App der nächsten Generation.

lax.js

lax.js – Ein kleines, einfaches JavaScript-Plug-in zum Erstellen von Smooth-Scrolling-Animationen.

Tippe es

TypeIt – Eine JavaScript-Typisierungsbibliothek, die als die „weltweit vielseitigste“ bezeichnet wird.

iro.js

iro.js – Ein modernes HSV-Widget zur Farbauswahl für JavaScript, das SVG verwendet.

Cleave.js

Cleave.js – Eine Bibliothek zum Hinzufügen von Echtzeitformatierung zu Formulareingaben.

Freezeframe.js

Freezeframe.js – Eine Bibliothek, die animierte .gifs anhält und sie beim Bewegen, Klicken oder Berühren aktiviert.

darkmode.js

darkmode.js – Fügen Sie Ihrer Website mit minimalem Aufwand einen dunklen Modus hinzu.

Szene.js

Scene.js – Eine auf CSS und JavaScript basierende Animationsbibliothek.

Bun.js

Bun.js – Generieren Sie benutzerdefinierte Kontrollkästchen und Optionsfelder mit CSS.

Bildlaufleisten überlagern

Overlay Scrollbars – Ein JavaScript-Plugin, das native Bildlaufleisten verbirgt und sie durch benutzerdefinierte Versionen ersetzt.

MailtoUI

MailtoUI – Ein Skript, das standardmäßigen E-Mail-Links eine hilfreiche UI-Komponente hinzufügt.

Vollbild-Schieberegler

FullScreen Slider – Steuern Sie Seitenbereiche und ermöglichen Sie die Navigation über Mausrad und Touch-Events.

Seitenübersicht

pagemap – Fügen Sie Ihrer Website eine kleine „Minikarte“ hinzu, die den Benutzern einen Navigationskontext bietet.

Diagramm.xkcd

Chart.xkcd – Eine Bibliothek zum Erstellen von Diagrammen im handgezeichneten Look.

GPickr

GPickr – Eine Implementierung der Pickr-Farbauswahlbibliothek, die schöne Farbverläufe erzeugt.

Beweglich

Moveable – Eine JavaScript-Bibliothek, mit der Sie verschieben, die Größe ändern, ziehen, drehen und mehr können.

Cube.js

Cube.js – Eine vollständige Open-Source-Analytics-Lösung: visualisierungsunabhängige Frontend-SDKs und API, unterstützt durch eine analytische Serverinfrastruktur.

einfachParallaxe

simpleParallax – Eine winzige JavaScript-Bibliothek, die jedem Bild eine Parallax-Animation hinzufügt.

Grenzen.js

Bounds.js – Ein Skript zur asynchronen Grenzerkennung, das für Effekte wie Lazy Loading verwendet werden kann.

Gruselgesicht

Creepyface – Eine JavaScript-Bibliothek, die Ihr Gesicht basierend auf der Position auf den Cursor „schauen“ lässt.

LegraJS

LegraJS – Eine Bibliothek, die es Ihnen ermöglicht, mit LEGO-ähnlichen Steinen zu zeichnen. Was wirst du bauen?

Paged.js

Paged.js – ist eine Open-Source-Bibliothek zum Paginieren von Inhalten im Browser. Basierend auf den W3C-Spezifikationen ist es eine Art Polyfill für Paged Media- und Generated Content for Paged Media-CSS-Module.

Fokusüberlagerung

Focus Overlay – Eine Bibliothek zum Erstellen von Overlays auf fokussierten Elementen. Schönes Design und bessere Zugänglichkeit.

Fließend

Flowy – Eine minimale JavaScript-Bibliothek, die Sie zum Erstellen von Flussdiagrammen verwenden können.

Choreograf-js

Choreographer-js ist eine einfache Bibliothek zur Pflege komplizierter Animationen.

Leaflet.js

Leaflet.js ist eine JavaScript-Bibliothek für interaktive Karten.

Lory

Lory ist ein berührungsaktivierter minimalistischer Schieberegler, der in Vanille-JavaScript geschrieben ist.

CurrencyFormatter.js

CurrencyFormatter.js ist eine supereinfache Währungsformatierungsbibliothek (155 Währungen und 7 KB gzipped).

Bogen

ARc (Atomic React) ist eine React-App-Boilerplate mit Atomic Design-Ansatz.

Shave.js

Shave.js ist ein modernes JavaScript-Plugin zum Abschneiden von Text innerhalb eines HTML-Elements.

Next.js

Next.js ist ein minimalistisches Framework für servergerenderte React-Anwendungen.

Entwurf

Blueprint ist eine Sammlung von React-UI-Komponenten, die allgemeine Schnittstellenelemente, Muster und Interaktionen im Web abdecken.

baguetteBox.js

baguetteBox.js ist ein einfaches und benutzerfreundliches responsives Bild-Lightbox-Skript mit Wischgesten-Unterstützung auf Mobilgeräten. es wurde in reinem JavaScript geschrieben.

ScrollReveal

Das ScrollReveal-Plugin macht es supereinfach, Animationen zum Scrollen von Webseiten für Desktop- und mobile Browser zu erstellen.

Laute Links

Loud Links ist eine leichtgewichtige JavaScript-Bibliothek zum Hinzufügen von Interaktionsgeräuschen zu Ihrer Website. Dazu wird ein HTML5-Audioelement erstellt und zum Abspielen von MP3- oder OGG-Audiodateien verwendet.

Bricks.js

Bricks.js ist ein blitzschneller Mauerwerk-Layout-Generator für Elemente mit fester Breite.

MediumEditor

MediumEditor wurde mit Vanilla-JavaScript geschrieben und ist ein leichtgewichtiger (28 KB) WYSIWYG-Inline-Editor-Toolbar-Klon von Medium.com. Es gibt auch eine Auswahl an Mediumditor-Erweiterungen und -Designs.

Substanz

Substance ist eine JavaScript-Bibliothek zur webbasierten Bearbeitung von Inhalten. Es bietet Ihnen alle Tools, die Sie zum Erstellen benutzerdefinierter Texteditoren und webbasierter Veröffentlichungssysteme benötigen.

List.js

List.js ist ein leichtes und schnelles Vanilla-JavaScript-Skript, das Listen, Tabellen oder allem HTML Such-, Sortier-, Filter- und Flexibilitätsfunktionen hinzufügt.

Popper.js

Popper.js ist eine leichtgewichtige (4 KB minimierte) Bibliothek zum Verwalten von Poppers, Tooltips und Popovers. Mit nur einem Zeilencode können Sie Tooltips schnell und einfach positionieren.

InlineTweet.js

Mit InlineTweet.js können Sie ganz einfach tweetbare Links aus beliebigem Text auf einer Webseite erstellen. Alles, was Sie tun müssen, ist, den tweetbaren Text in einen Container mit data-inline-tweet zu packen.

SweetAlert2

SweetAlert2 ist ein schöner und anpassbarer Ersatz für die Popup-Boxen von JavaScript.

Force.js

Force.js ist eine JavaScript-Bibliothek, die es einfach macht, HTML-Elemente zu animieren und auf einer Webseite zu navigieren.

Push.js

Push.js ist eine browserübergreifende Lösung, um JavaScript-Desktopbenachrichtigungen zum Laufen zu bringen.

Bideo.js

Bideo.js ist eine JavaScript-Bibliothek, die es sehr einfach macht, Vollbild-Hintergrundvideos zu Webseiten hinzuzufügen.

Microlight.js

Microlight.js ist eine leichtgewichtige Code-Highlighting-Bibliothek für jede Programmiersprache, die die Lesbarkeit erheblich verbessert.

Algolia Orte

Algolia Places ist eine einfache Möglichkeit, eine JavaScript-Bibliothek zur automatischen Vervollständigung der Adresssuche auf Ihrer Website zu verwenden.

Flatpickr

Flatpickr ist in Vanille-JavaScript geschrieben und ist eine leichte Datetimepicker- und Kalenderlösung.

anime.js

anime.js ist eine flexible und leichtgewichtige JavaScript-Animationsbibliothek. Es funktioniert mit CSS, individuellen Transformationen, SVG, DOM-Attributen und JS-Objekten.

Cleave.js

Cleave.js ist ein Plugin, das Ihre <input/> -Inhalte formatiert, während Sie tippen.

Lightgallery.js

Lightgallery.js ist eine voll funktionsfähige JavaScript-Lightbox-Galerie ohne Abhängigkeiten.