Toggle néomorphique
Un interrupteur façon soft UI, en relief quand il est désactivé et enfoncé dans la surface une fois activé.
Réglages
Code
<label class="uv-tu"><input type="checkbox"><span><i></i></span></label>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Interrupteurs
Où l’utiliser
Le néomorphisme, ou soft UI, donne l'impression que les commandes sont moulées dans le fond. Ce toggle néomorphique convient à l'écran d'un thermostat dans une appli domotique, aux commandes d'un lecteur de musique minimaliste ou à une appli de bien-être aux surfaces gris clair. Désactivé, il ressort ; activé, il s'enfonce et le bouton prend votre couleur.
Tout l'effet repose sur des ombres posées sur un fond de même couleur : il lui faut donc une page gris clair. Le contraste est faible par nature. Évitez-le pour les réglages critiques et placez toujours un libellé clair à côté.