#### 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

##### Basic 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.

##### Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

##### Select Theme

##### Default

##### Minimal

##### Modern

##### Material

##### SaaS

##### Flat

##### Galaxy

##### Retro

##### Neon

##### Pixel

##### Color Scheme

##### Light

##### Dark

##### System

##### Topbar Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Sidenav Color

##### Light

##### Dark

##### Gray

##### Gradient

##### Image

##### Sidebar Size

##### Default

##### Compact

##### Condensed

##### On Hover

##### On Hover - Show

##### Offcanvas

##### Layout Width

##### Fluid

##### Boxed

##### Layout Direction

##### LTR

##### RTL

##### Layout Position

Fixed
Scrollable

##### Sidebar User Info