#### Range Slider

##### noUiSlider

noUiSlider is lightweight Javascript range slider

##### Basic Example

##### Colorpicker

##### Using HTML5 input elements

##### Non linear slider

##### Locking sliders together

##### Only showing tooltips when sliding handle

##### Colored Connect Elements

##### Creating a toggle

##### Soft limits

##### Theme Customizer

###### Select Custome Colors

Default
Red
Purple

###### Layout

Vertical
Horizontal

###### Layout Mode

Light
Dark

###### Layout Width

Fluid
Boxed

###### Layout Position

Fixed
Scrollable

###### Topbar Color

Light
Dark

###### Sidebar Size

###### Sidebar Color

###### Direction

LTR
RTL