HTML + CSSCheckboxes
Checkbox neón
Un cuadro de contorno fino que se enciende con brillo de neón y un check luminoso al activarlo.
Ajustes
16px
1x
Código
<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>Modo turbo</label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Checkboxes
Dónde usarlo
El neón pide interfaces oscuras con algo de carácter: las opciones gráficas del launcher de un videojuego, un «Modo turbo» en un panel de criptomonedas o los filtros de la web de un festival de música. Con el brillo, las opciones activas se ven desde lejos. Un checkbox neón en CSS con tu color de acento.
Sobre fondo blanco el brillo casi desaparece, así que resérvalo para temas oscuros. Los colores vivos y saturados, como cian, magenta o verde lima, dan el neón más creíble; los pasteles quedan apagados.