Angry Sliders

Summary

A motion study exploring physics-driven slider interactions where dragging a thumb launches it with elastic spring behavior, tracing a visible arc before snapping to its target value.

Visual description

A dark charcoal canvas holds four stacked horizontal sliders centered in the frame, each with a small grey label on the left and a monospace value on the right (such as exposure, bloom, field of view and samples). Thin white filled tracks run to round off-white thumbs, with the unfilled remainder in a barely visible darker grey. A lone mouse cursor sits below, and the generous empty space around the group keeps the focus on the controls.

Key takeaway

Strip a control down to a hairline track, a single round thumb and a monospace readout so the interaction motion carries all the personality. Dim labels against bright values keep hierarchy clear on dark UI.

Reuse notes

Reach for this as a motion still reference. Pairs with experimental, minimal directions. Original by gsimone.