Prueba con Fe, oxígeno o 11
Chemisches Element mit Bohr-Modell
Tippe ein Symbol, einen Namen oder eine Ordnungszahl, und die Kachel aus dem Periodensystem erscheint mit kreisenden Elektronen.
Einstellungen
Code
<div class="uvq06-pe"><label for="uvq06-pe-in" class="lb">Chemisches Element</label><div class="fd"><button type="button" class="nv" data-s="-1" aria-label="Vorheriges Element">‹</button><input id="uvq06-pe-in" autocomplete="off" spellcheck="false" placeholder="Symbol, Name oder Zahl" aria-describedby="uvq06-pe-h"><button type="button" class="nv" data-s="1" aria-label="Nächstes Element">›</button></div><div class="cd" aria-live="polite"><div class="tl"><span class="z"></span><span class="m"></span><b class="sy"></b><span class="nm"></span><span class="ct"></span></div><svg class="bo" viewBox="-64 -64 128 128" aria-hidden="true"></svg></div><p class="ht" id="uvq06-pe-h">Probier Fe, Sauerstoff oder 11</p></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 Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Suchfeld für chemische Elemente, das mit einer Kachel aus dem Periodensystem und einem Bohr-Modell aus Inline-SVG antwortet. Es versteht Symbole, Namen ohne Akzente oder Ordnungszahlen, und die Pfeiltasten oder die seitlichen Buttons blättern durch die Tabelle. Die Kachel nimmt die Farbe der Elementgruppe an, und jede Elektronenschale dreht sich in eigenem Tempo und eigener Richtung.
Die Hauptfarbe ist der Kern, die zweite Farbe sind die Elektronen. Die Demotabelle enthält die ersten zwanzig Elemente plus Eisen, Kupfer, Zink, Silber und Gold; weitere Zeilen samt Schalen ergänzt du im Datenarray. Es passt zu Chemieunterricht, Quiz-Apps und Inventarformularen im Labor.