Barcode-Scanner mit Laser
Ein roter Laser streicht in einem Sucher mit Ecken über ein Barcode-Etikett, wie an der Supermarktkasse.
Einstellungen
Code
<div class="uvq10-bar" role="status"><span class="sr">Wird gescannt</span><div class="lb" aria-hidden="true"><svg viewBox="0 0 87 46" preserveAspectRatio="none"><rect x="0" width="1" height="46"/><rect x="2" width="1" height="46"/><rect x="5" width="1" height="40"/><rect x="8" width="1" height="40"/><rect x="10" width="3" height="40"/><rect x="14" width="2" height="40"/><rect x="18" width="3" height="40"/><rect x="23" width="1" height="40"/><rect x="25" width="2" height="40"/><rect x="28" width="1" height="40"/><rect x="30" width="1" height="40"/><rect x="33" width="1" height="40"/><rect x="35" width="2" height="40"/><rect x="39" width="1" height="40"/><rect x="42" width="1" height="46"/><rect x="44" width="1" height="46"/><rect x="47" width="1" height="40"/><rect x="49" width="3" height="40"/><rect x="53" width="2" height="40"/><rect x="56" width="1" height="40"/><rect x="59" width="2" height="40"/><rect x="63" width="2" height="40"/><rect x="67" width="2" height="40"/><rect x="70" width="1" height="40"/><rect x="72" width="3" height="40"/><rect x="76" width="1" height="40"/><rect x="78" width="1" height="40"/><rect x="80" width="1" height="40"/><rect x="84" width="1" height="46"/><rect x="86" width="1" height="46"/></svg><span class="dg">8 412345 678905</span><i class="ls"></i></div><i class="cn tl" aria-hidden="true"></i><i class="cn tr" aria-hidden="true"></i><i class="cn bl" aria-hidden="true"></i><i class="cn br" aria-hidden="true"></i></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 Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Ein weißes Etikett mit einem als Inline-SVG erzeugten Barcode und seinen Ziffern, eingerahmt von vier Sucherecken. Eine rote Laserlinie mit weichem Leuchtband fährt mit Abbremsen an beiden Enden auf und ab. Passt zu Handels-Apps, Inventurtools, Ticketkontrolle, Sendungsverfolgung und jedem Bildschirm, der einen Code liest.
Die Hauptfarbe bestimmt den Laser, die zweite die Sucherecken, so passt du ihn an ein Scan-Grün oder deine Marke an. Zeig ihn, während ein Code geprüft wird, und ersetze ihn dann durch einen klaren Erfolgszustand.