Sliders Micro Interactions
Explore slider micro interactions for range selection, snap points, tooltips, scrubbing, and before-and-after comparisons. Try precise pointer and keyboard feedback.
Stepped snap
Drag or use arrow keys
Tooltip thumb
Tick highlights
25 – 80
Dual-thumb range
Before
After
Before / after compare
Slide 1
Snap carousel
Drag past either end
Rubber band overdrag
4:2412:34
Scrubber preview
Stops: 0, 25, 50, 75, 100