# Sliders

> Sliders, range sliders, knobs and dials for dialling in a value.

- [Allocation Bar](https://www.assembli.design/components/allocation-bar.md): Split a total across categories on one bar. Drag the seams or use arrow keys, lock a category, and every amount updates live.
- [Safe Dial](https://www.assembli.design/components/safe-dial.md): A brushed-steel combination dial you spin with a finger or the arrow keys. It reads the way a real safe does: turn right to a number, reverse, turn left to the next, then pull the handle. Reversals register each step, wrong numbers rattle and reset, and the right sequence unlocks a reward. Haptic ticks on touch.
- [Emoji Slider](https://www.assembli.design/components/emoji-slider.md): A mood slider with a face that actually reacts: the mouth bends from frown to grin, the brows lift, and the whole card drifts from red to green as you drag. Native range input underneath for free accessibility.
- [Plucked Strings](https://www.assembli.design/components/plucked-strings.md): Stretched SVG strings you pluck with the pointer: a damped spring simulation sends travelling waves along each string, and WebAudio plays a pentatonic note per string.
- [Rotary Knob](https://www.assembli.design/components/rotary-knob.md): A hardware-style control knob with a brushed-metal body, a ring of ticks that light up with the value, fine-adjust on Shift, keyboard steps, double-click reset and a spring-damped indicator.
- [Ruler Slider](https://www.assembli.design/components/ruler-slider.md): Horizontal ruler you drag to dial in a value: ticks scroll under a fixed needle with momentum and snap, major ticks labelled.
- [Elastic Slider](https://www.assembli.design/components/elastic-slider.md): iOS-style slider you can grab anywhere: dragging past either end stretches and thins the track like rubber and pushes the end icon, then springs back. Full slider keyboard support.
- [Histogram Range Slider](https://www.assembli.design/components/histogram-range-slider.md): Dual-thumb price-style range slider over a distribution histogram: bars inside the selection light up, a live result count updates as you drag, thumbs swell on grab, and every key (arrows, PageUp/Down, Home/End) works.

Back to [all components](https://www.assembli.design/components.md).