Control slider

Tall brightness/volume slider.

Control slider is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Label inputThe border is an SVG ring broken by a gap. When the label floats up, the gap opens so the label sits on the line.
ChecklistTick a task and its box fills, a check draws and the words strike through; done tasks sink below the open ones.
Reorder listDrag a row by its grip (or Arrow Up/Down on it) to reorder; a new item drops in at the top.
Segment timerSixty ticks, one a minute. Drag round the ring to set the time and the ticks fill as you go; press play and it counts down with the ring draining and the digits rolling.
SwitchA knob that stretches while held, follows a drag and settles on a spring; the fill fades in as it travels.
CheckboxA real <input type="checkbox"> wrapped in a label. The box's fill pops in from its centre, the mark draws itself a beat later, and the label dims once it is on.