Checkbox im Neon-Look
Eine umrandete Box, die beim Aktivieren mit Neonschein und leuchtendem Häkchen angeht.
Einstellungen
Code
<label class="uv-ck2n"><input type="checkbox"><span class="bx"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5l4.5 4.5L19 7.5" pathLength="1"/></svg></span>Turbomodus</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
Wofür du ihn nutzen kannst
Neon gehört auf dunkle Oberflächen mit etwas Attitüde: die Grafikoptionen eines Game-Launchers, ein „Turbo-Modus“ in einem Krypto-Dashboard oder die Filter auf der Seite eines Musikfestivals. Durch das Leuchten erkennt man aktive Optionen schon von Weitem. Eine Neon-Checkbox in CSS, die deine Akzentfarbe als Licht nutzt.
Auf weißem Hintergrund verschwindet das Leuchten fast, also heb sie dir für dunkle Themes auf. Kräftige, satte Farben wie Cyan, Magenta oder Limette wirken am echtesten; Pastelltöne sehen dagegen schnell blass aus.