Neumorphism / Soft UI
An expanded exploration of soft, extruded interfaces. Depth built from light and shadow instead of borders. Interact with any component to feel how subtle pressure and state change bring tactile depth to flat screens.
Cards & Surfaces
Convex, flat, pressed — the three fundamental states of a soft surface.
Convex
Raised surface — the resting state
Flat
No elevation — quiet and informational
Pressed
Inset surface — active / selected
Accent
Convex with lime highlight ring
Buttons
Click any button — watch it press inward on tap.
Form Elements
Inputs that feel carved into the surface.
Toggles, Checks & Radios
Binary states with satisfying, tactile transitions.
Segmented & Tabs
Selected segment sinks in; inactive segments stay level.
Sliders, Dials & Progress
Drag the slider or stepper — visualize value inside inset tracks.
Composed Example
Soft UI components arranged as a mini media player.