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
Voir tout : InterrupteursOù 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é.