Skip to content
Setzt Ihr auf das richtige CMS? Kostenlose online CMS-Check

Das ultra-schlanke jQuery Lightbox Plugin

Featherlight.js

Featherlight ist eine sehr leichtgewichtige jQuery Lightbox. Vertraut von tausenden Webseiten weltweit.

Das Lightbox Plugin auf das Entwickler gewartet haben

Featherlight ist unglaublich schlank — 400 Zeilen JavaScript, 100 Zeilen CSS, weniger als 6 kB insgesamt. Smart, responsiv, und einfach erweiterbar.

Laptop mit Lightbox-Overlay über einem Analytics-Dashboard Smart & Responsiv

Bilder, Ajax und Iframes

Featherlight unterstützt Bilder, Ajax-Requests und Iframes — out of the box. Smart, responsiv, und auf hunderttausenden Webseiten im Einsatz.

Browser-Mockup mit gestapelten Lightbox-Layern 6 kB · 400 Zeilen JS

Niedrig-spezifisches CSS

400 Zeilen JavaScript, 100 Zeilen CSS — und weniger als 6 kB insgesamt. Die niedrig-spezifischen CSS-Selektoren machen Featherlight einfach anpassbar und einfach zu verstehen.

Zentraler Editor mit schwebenden UI-Komponenten data-featherlight

Ein Attribut, fertig

Selektor, Bild oder Ajax-URL als data-featherlight-Attribut — Featherlight macht den Rest. Erweiterbar wie die Featherlight Gallery für Bildergalerien.

Open Source und kostenlos auf GitHub

Featherlight.js ist ein Open-Source-Projekt von Noevu Gründer Noël Bossart. MIT-Lizenz, ergänzt durch die Featherlight Gallery Erweiterung für Bildergalerien. Beiträge willkommen.

Neue Homepage Projekte & Ressourcen

Erfolgreiche Website-Projekte aus der Praxis.

Häufige Fragen zu Featherlight.js

Was ist Featherlight.js?

Featherlight.js ist ein minimalistisches jQuery Lightbox Plugin. Mit nur 400 Zeilen JavaScript, 100 Zeilen CSS und weniger als 6 kB Gesamtgrösse zählt es zu den schlanksten Lightbox-Lösungen. Es unterstützt Bilder, Ajax und Iframes out of the box.

Welche Lizenz hat Featherlight?

Featherlight steht unter der MIT-Lizenz. Das bedeutet: kostenlos für private und kommerzielle Nutzung, anpassbar, und ohne Verpflichtungen einsetzbar. Quellcode auf GitHub.

Funktioniert Featherlight ohne jQuery?

Nein. Featherlight ist als jQuery-Plugin konzipiert und benötigt jQuery 1.7+ als Abhängigkeit. Für Projekte ohne jQuery empfehlen wir moderne Alternativen oder einen Custom-Modal-Ansatz mit Vanilla JavaScript.

Wie binde ich Featherlight ein?

Lade featherlight.css und featherlight.js nach jQuery in deine Seite. Dann genügt ein data-featherlight-Attribut auf einem Link mit Bild- oder Ajax-Ziel — Featherlight übernimmt den Rest. Vollständige Dokumentation auf GitHub.

Kann ich Featherlight für Bildergalerien nutzen?

Ja. Die Erweiterung Featherlight Gallery erweitert das Basis-Plugin um Galerie-Navigation, Swipe-Gesten und Thumbnail-Ansichten — und bleibt dabei dem Lightweight-Prinzip treu.

Wer steht hinter Featherlight?

Featherlight ist ein Open-Source-Projekt von Noël Bossart, Gründer der Schweizer Webagentur Noevu. Seit 2013 im Einsatz auf hunderttausenden Webseiten weltweit.