Skip to content
native cook
Esc

Loading the catalog…

Bending Line Humidity Slider


A vertical humidity slider on a dark navy panel, drawn as one thin line that swerves left around its white knob like a string pushed aside by a bead. The line is cyan through the recommended band (20% to 55%) and turns magenta above and below it; a ladder of short ticks left of it bends with it, and further left stand the labels of an uneven scale (100%, 75%, 50%, 45% … 10%, 0%), the extreme ones with a yellow dot and the one beside the knob replaced by the live set-point in cyan. Right of the line three read-outs are stacked: a temperature, the humidity as a large figure, an absolute humidity, and a warning about set-points outside the band.

Category
Pickers
Added
Oct 12, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.