Keimling-Checkbox
Der Samen im Tontopf treibt federnd einen Stiel und zwei Blätter aus und wiegt sich dann sanft.
Einstellungen
Code
<label class="uvq02-spr"><input type="checkbox"><span class="bx"><svg viewBox="0 0 32 32" aria-hidden="true"><g class="pl"><path class="sm" pathLength="1" d="M16 17.5c0-3-.7-5.6.3-8.8"/><path class="lf a" d="M16 12.2c-1.2-3-4.4-4-7-3.4.4 2.9 3.3 4.6 7 3.4z"/><path class="lf b" d="M16.3 9.4c1-3.2 4.2-4.6 7.2-4 .2 3-2.9 5-7.2 4z"/></g><ellipse class="so" cx="16" cy="17.6" rx="8.4" ry="1.5"/><ellipse class="sd" cx="16" cy="16.6" rx="1.4" ry=".95"/><path class="pt" d="M8.3 20h15.4l-1.9 9.3a1.6 1.6 0 0 1-1.6 1.3h-8.4a1.6 1.6 0 0 1-1.6-1.3z"/><rect class="rm" x="6.6" y="17.3" width="18.8" height="3.6" rx="1"/></svg></span>Basilikum pflanzen</label>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 Checkboxen
Alle ansehen: CheckboxenWofür du ihn nutzen kannst
Diese Checkbox ist ein kleiner Terrakottatopf als Inline-SVG. Beim Abhaken verschwindet der Samen, ein Stiel wächst als gezeichnete Linie, zwei Blätter springen federnd auf, und danach wiegt sich die kleine Pflanze langsam in einer Schleife. Beim Überfahren wackelt der Topf leicht. Passt zu Garten-Apps, Habit-Trackern, Nachhaltigkeitsseiten und Onboarding-Schritten, die Fortschritt feiern.
Die Hauptfarbe färbt Blätter und Stiel, die Zweitfarbe den Topf, also gehen Salbei und Ton, Limette und Anthrazit oder Herbsttöne. Mit reduzierter Bewegung stoppt das Wiegen und die Pflanze bleibt ruhig.