Notifications
unread notification
Emily Johnson
commented on a task in
Design Sprint
12 minutes ago
upload notification
Michael Lee
uploaded files to
Marketing Assets
25 minutes ago
Just now
alert
Sophia Ray
flagged an issue in
Bug Tracker
40 minutes ago
event notification
David Kim
scheduled a meeting for
UX Review
1 hour ago
edit
Isabella White
updated the document in
Product Specs
2 hours ago
30 minutes ago
Range Slider
Examples
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies
View Official WebsiteBasic Range Slider
A simple single-value slider.
Sizes
Adjust element size using different slider sizes.
Line Style
Customize line handle style using sliders.
Color Scheme Sliders
Sliders styled with theme colors.
Multi Elements Range
Dual-handle slider for selecting a range.
Value Range Slider (nonlinear)
Shows selected value range below the slider.
Locking Sliders Together
Synchronize two sliders with a toggle lock.
Tooltip Slider
Displays tooltips with merged slider values.
Soft Limits Slider
Allows overflow beyond defined min/max.
Vertical Sliders
Sliders arranged vertically.