Neumorphic toggle
A soft UI switch that looks raised from the surface when off and pressed into it when on.
Settings
Code
<label class="uv-tu"><input type="checkbox"><span><i></i></span></label>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Toggles
Where to use it
Neumorphism, or soft UI, makes controls look moulded from the background. This neumorphic toggle suits a thermostat screen in a smart home app, the controls of a minimal music player or a calm wellness app with soft grey surfaces. Off, the track bulges out; on, it sinks in and the knob picks up your color with a gentle glow.
The whole effect relies on shadows over a background of the same color, so it needs a light grey page to work. Contrast is low by nature, so don't use it for critical settings, and add a clear text label next to it.