Toggle im Soft-UI-Stil
Ein Schalter im Soft-UI-Stil, der aus wirkt wie aus der Fläche gewölbt und an wie hineingedrückt.
Einstellungen
Code
<label class="uv-tu"><input type="checkbox"><span><i></i></span></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 Schalter
Wofür du ihn nutzen kannst
Neumorphismus, auch Soft UI genannt, lässt Bedienelemente aussehen, als wären sie aus dem Hintergrund geformt. Dieser neumorphe Toggle passt zum Thermostat-Screen einer Smart-Home-App, zu den Reglern eines minimalistischen Musikplayers oder zu einer ruhigen Wellness-App mit hellgrauen Flächen. Aus wölbt er sich hervor, an sinkt er ein, und der Knopf nimmt deine Farbe an.
Der ganze Effekt lebt von Schatten auf gleichfarbigem Grund und braucht deshalb eine hellgraue Seite. Der Kontrast ist von Natur aus gering. Für kritische Einstellungen also besser nicht, und immer mit klarer Textbeschriftung daneben.