Toggle neumórfico
Un interruptor de estilo soft UI que parece salir de la superficie apagado y hundirse en ella encendido.
Ajustes
Código
<label class="uv-tu"><input type="checkbox"><span><i></i></span></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 Toggles
Dónde usarlo
El neumorfismo, o soft UI, hace que los controles parezcan moldeados en el propio fondo. Este toggle neumórfico encaja en la pantalla de un termostato en una app de domótica, en los controles de un reproductor minimalista o en una app de bienestar con superficies grises y suaves. Apagado sobresale; encendido se hunde y la bola toma tu color.
Todo el efecto depende de sombras sobre un fondo del mismo color, así que necesita una página gris clara para funcionar. El contraste es bajo por naturaleza: no lo uses para ajustes críticos y ponle al lado una etiqueta de texto clara.