Interaktionen
Kleine, präzise Reaktionen auf jede Berührung.
Auf Bild und Fläche
Lupe, Folie, Wischen, Licht: der Zeiger arbeitet direkt auf dem Bild. Hochkant auf dem Handy, quer ab Tablet.
Karten und Bedienelemente
Listen, Karten, Eingaben und kleine Reaktionen auf Hover und Klick.
Wann lohnt sich eine Interaktion?
Interaktionen reagieren auf Zeiger, Ziehen oder Klick und zeigen dabei etwas, das ein Standbild nicht kann: ein Regler, der Vorher und Nachher vergleicht, eine Lupe über einem Produktfoto, eine Karte, die sich zum Zeiger neigt, eine Fläche, die man frei rubbelt. Die 28 Interaktionen hier sind in zwei Gruppen sortiert, eine für Bilder und Flächen, eine für Karten und Bedienelemente wie Bewertung, Checkliste oder Spracheingabe.
Eine Interaktion lohnt sich, wenn sie eine Frage beantwortet, die der Besucher ohnehin hat. Der Vorher-Nachher-Regler zeigt, was eine Renovierung verändert hat, die Lupe zeigt die Naht an einer Tasche. Als reine Dekoration lenkt dieselbe Bewegung nur ab. Jede Interaktion ist eine React-Datei mit Tailwind CSS und framer-motion. Ist reduzierte Bewegung eingestellt, fallen die Animationen weg, die Funktion bleibt.
Passende Guides
Häufige Fragen
Die Effekte laufen über Framer Motion. Sie reagieren auf Hover, Klick oder Cursorbewegung und bleiben dabei flüssig.
Wenn das System weniger Bewegung anfordert, werden Transform-Animationen zurückgenommen und die Inhalte bleiben ruhig und lesbar.
Ja. Dauer, Federparameter und Ausschlag liegen im Quellcode offen und lassen sich frei verändern.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen
