---
title: "Volume Slider"
url: "https://sanyam.sh/lab/volume-slider"
date: "2026-10-22"
---

# Volume Slider

Drag the slider, and pull past either end. Sound on.

the control center volume slider. drag it and the fill follows the hand, pull past either end and the slab stretches and springs back.

key insight: every sixteenth is heard at the level it lands on, so the slider lets you hear what it sets. letting go plays the mac pop at the new level, and an end is a soft knock.

the stretch is the uiscrollview rubber band, and the end the slab hits gets a doodle. a release settles the fill on the nearest sixteenth.

- Source: https://github.com/SanyamPunia/www/blob/main/components/labs/volume-slider/volume.ts