Gravedad
Buchstaben mit Schwerkraft
Ein Klick, und die Buchstaben der Überschrift fallen herunter, prallen vom Boden ab und bleiben liegen; ein zweiter Klick holt sie zurück.
Einstellungen
Code
<div class="uvq14-grv"><div class="bx"><h3 class="sr">Schwerkraft</h3><div class="ws" aria-hidden="true" translate="no">Schwerkraft</div><i class="fl" aria-hidden="true"></i></div><button type="button" class="tg" aria-pressed="false"><span class="a">Buchstaben fallen lassen</span><span class="b">Aufsammeln</span></button></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Eine kleine Physikschleife gibt jedem Buchstaben eigenes Gewicht, Drehung und Sprungkraft, sodass das Wort jedes Mal etwas anders auf ein Holzbrett kippt. Ein weiterer Klick lässt alle Buchstaben mit gestaffeltem Übergang an ihren Platz zurückspringen. Eine schöne Überraschung für 404-Seiten, verspielte Launches, Kinderinhalte oder ein Portfolio, das ein Lächeln will.
Schreib ein kurzes Wort ins Textfeld und wähle die beiden Knetfarben über Haupt- und Zweitfarbe. Die echte Überschrift bleibt für Screenreader unverändert, und bei reduzierter Bewegung landen die Buchstaben sofort ohne Abprallen.