Messages
Liam Carter uploaded a new document to Project Phoenix
5 minutes ago
Ava Mitchell commented on Marketing Campaign Q3
12 minutes ago
Noah Blake updated the status of Client Onboarding
30 minutes ago
30 minutes ago
Sophia Taylor sent an invoice for Service Renewal
1 hour ago
Ethan Moore completed the task UI Review
2 hours ago
Olivia White assigned you a task in Sales Pipeline
Yesterday
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.