Made with: HTML,CSS,JS
Made with: HTML,CSS (SCSS),JS
Made with: HTML,CSS (Sass),JS
Custom range input with snapping values made with GSAP Draggable.
Another fun neumorphic exploration.
Watch the digits roll into place as you adjust these range sliders.
Made with: HTML (Pug),CSS (Stylus),JS
A range input where a stick figure is on a unicycle whose wheel is the handle. Watch him peddle and the flag display the value as you drag the wheel left and right.
A slider with track fill, configurable tick marks and min/max labels.