Swiper Slider

Ein touch-fähiger Slider auf Basis von Swiper.js: Slides mit Bild, Text und optionalem Link – inkl. Autoplay, Loop, Pfeilen und Pagination.

Das bekommst du

Der Swiper Slider ist ein moderner, touch-fähiger Bildslider (Swiper.js) mit Navigation & Pagination – ideal für Hero-Slides, Referenzen oder Zitate. Du pflegst Slides (Bild + Titel + optional Text/Link) und steuerst Layout, Autoplay, Delay, Loop sowie bei „Standard“ die Anzahl sichtbarer Slides.

Showcase

Layout: Standard

Relaunch mit klaren Komponenten

Ein konsistentes UI-System reduziert Sonderfälle und macht spätere Erweiterungen einfacher. In diesem Projekt wurden Cards, Tabs und Slider als wiederverwendbare Patterns umgesetzt.

Feature: Timeline für Roadmaps

Meilensteine, Phasen oder Releases lassen sich als visuelle Story darstellen – inklusive Icons, Bildern und Links zu Details.

Redaktion: schneller zu guten Seiten

Kurze Texte, klare Struktur, passende Bilder: Mit ein paar Regeln wird Content deutlich besser lesbar – und der Slider eignet sich perfekt für die wichtigsten Einstiege.

Willkommen im neuen Portal

Entdecke Inhalte schneller: klare Navigation, moderne Komponenten und ein Layout, das auf Mobile genauso gut funktioniert wie am Desktop.

Layout: Standard mit mehreren Slides pro Ansicht

Relaunch mit klaren Komponenten

Ein konsistentes UI-System reduziert Sonderfälle und macht spätere Erweiterungen einfacher. In diesem Projekt wurden Cards, Tabs und Slider als wiederverwendbare Patterns umgesetzt.

Feature: Timeline für Roadmaps

Meilensteine, Phasen oder Releases lassen sich als visuelle Story darstellen – inklusive Icons, Bildern und Links zu Details.

Redaktion: schneller zu guten Seiten

Kurze Texte, klare Struktur, passende Bilder: Mit ein paar Regeln wird Content deutlich besser lesbar – und der Slider eignet sich perfekt für die wichtigsten Einstiege.

Willkommen im neuen Portal

Entdecke Inhalte schneller: klare Navigation, moderne Komponenten und ein Layout, das auf Mobile genauso gut funktioniert wie am Desktop.

Layout: Empfehlungen

„Endlich ein Setup, das sich wirklich gut pflegen lässt. Die Komponenten sind konsistent, und wir müssen nicht für jede Kleinigkeit eine Sonderlösung bauen.“

Martina K., Projektleitung

„Die Arbeit geht deutlich schneller: weniger Klicks, klarere Optionen und das Ergebnis sieht sofort sauber aus – auch auf Mobile.“

David K. · Redaktion

„Wir haben jetzt eine klare Struktur für Inhalte und Highlights. Gerade für Einstiege und wichtige Infos ist das richtig stark.“

Sarah L. · Kommunikation

„Mit den Crop-Varianten wirkt das auf Desktop und Mobile gleich gut – ohne dass man zwei Bilder pflegen muss.“

Thomas R., Redaktion
Layout: Bild mit Text

Relaunch mit klaren Komponenten

Ein konsistentes UI-System reduziert Sonderfälle und macht spätere Erweiterungen einfacher. In diesem Projekt wurden Cards, Tabs und Slider als wiederverwendbare Patterns umgesetzt.

Feature: Timeline für Roadmaps

Meilensteine, Phasen oder Releases lassen sich als visuelle Story darstellen – inklusive Icons, Bildern und Links zu Details.

Redaktion: schneller zu guten Seiten

Kurze Texte, klare Struktur, passende Bilder: Mit ein paar Regeln wird Content deutlich besser lesbar – und der Slider eignet sich perfekt für die wichtigsten Einstiege.

Willkommen im neuen Portal

Entdecke Inhalte schneller: klare Navigation, moderne Komponenten und ein Layout, das auf Mobile genauso gut funktioniert wie am Desktop.