Parallax-Karussell mit Keen Slider für interaktive Frontend-Präsentationen

X-PostDetails11. September 2026Sammlung

Details (@details_so) stellt eine responsive Karussell-Komponente mit sanftem Bild-Parallax-Effekt vor, die auf Keen Slider basiert. Der zugehörige Code sowie ein Prompt zur AI-gestützten Einrichtung werden über die Plattform Vault bereitgestellt.

Das Wichtigste

Basiert auf der Bibliothek Keen Slider.
Bietet sanfte Bild-Parallax-Effekte beim Ziehen und Wischen.
Vollständig responsiv für unterschiedliche Bildschirmgrößen konzipiert.
Code und ein AI-Setup-Prompt sind im sogenannten Vault verfügbar.

Warum das relevant ist

Interaktive Karussells mit Parallax-Effekten werten Showcase-Seiten und Portfolios optisch auf, erfordern bei der Implementierung jedoch oft viel Feinarbeit bei Performance und Responsivität.

Einordnung

Der Beitrag dient als Teaser für Design-Ressourcen des Anbieters. Er demonstriert die Kombination von bestehenden Slider-Bibliotheken (Keen Slider) mit Parallax-Animationen und liefert neben dem Code auch Prompts, um die Komponente mithilfe von KI-Assistenten schneller in bestehende Projekte zu integrieren.

Original-Post

Details

@details_so · 11. September 2026

Parallax carousels makes your projects or services much more satisfying to drag. - Smooth image parallax - Built with Keen Slider - Fully responsive Get the code + AI setup prompt in the Vault. t.co/H0nUUcetFk

26 Likes1 Antworten22 Lesezeichen1554 Aufrufe

Auf X ansehen

Weitere Posts im Thread (1)

to see all resources : t.co/rA0d7QhQoB

Erwähnte Links

Original post on Xx.com/details_so/status/2098287810109133241

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

X-Post:MIKE6. Aug. 2026
Design Spells: Kuratierte Sammlung feiner UI-Animationen und Mikro-Interaktionen
Der X-Nutzer MIKE empfiehlt die Website Design Spells als herausragende Ressource für UI-Animationen und Mikro-Interaktionen. Nach seiner Ansicht sorgen gerade solche Details dafür, dass Nutzer eine App schätzen.
149Lesezeichen6766Aufrufe
Webentwicklung· Sammlung
X-Post:Noah7. Aug. 2026
Ressourcen-Empfehlungen für Design Engineers
Noah (@noahelhadedy) teilt eine Auswahl von fünf Webseiten und Referenzen für Design Engineers, die sich auf UI-Handwerk, Animationen und Interaktionsdetails konzentrieren.
4113Lesezeichen115.900Aufrufe
Webentwicklung· Sammlung
Link:scrolltide.co19. Sep. 2026
Scrolltide: Bibliothek für scroll-gestützte Website-Prompts und Templates
Scrolltide ist eine kuratierte Plattform für scroll-basierte Vorlagen, UI-Komponenten und Shader, die speziell als Prompts für KI-Codierungs-Tools wie Claude, Cursor und v0 optimiert sind.
KI & AI· Sammlung
X-Post:Arihant Jain11. Sep. 2026
Open-Source-Datentabelle inspiriert von Linear mit shadcn und Motion
Arihant Jain hat eine Open-Source-Komponente für Datentabellen veröffentlicht. Das UI-Element orientiert sich am Design von Linear und wurde mit shadcn/ui sowie Motion umgesetzt.
974Lesezeichen41.107Aufrufe
Webentwicklung· Tool
X-Post:Alex10. Aug. 2026
Alex stellt die Agentic UI Showcase vor
Alex hat die Agentic UI Showcase veröffentlicht. Die Plattform versammelt eine kuratierte Auswahl von Produkt-Interfaces, die mit Agentic UI erstellt wurden.
1087Lesezeichen69.292Aufrufe
KI & AI· Ankündigung
X-Post:John Champ16. Sep. 2026
Bibliothek für animierte Feature-Visuals in React und shadcn/ui
John Champ entwickelt eine Komponentenbibliothek mit animierten Visualisierungen für Landing-Pages, die speziell auf React, shadcn/ui, Motion und Tailwind CSS abgestimmt ist.
442Lesezeichen27.274Aufrufe
Webentwicklung· Ankündigung